Site URL: https://smilodon-lilac-yyrs.squarespace.com
Hi, I am in need of some help to get modules stacking correctly on mobile. I am currently using an alternating module pattern on desktop - left (text) right (image) followed by left (image) right (text).
With sqaurepace automatically stacking modules on the left above those on the right info the info does not display properly on mobile (i want to achieve text then image on all modules).
I have tried the below css but have not had any luck. Note modules that need to stack correctly are on the 'See Inside' and 'About' pages.
@media screen and (max-width:991px) {
#page-section-5e8004c8799501307383fe45.sqs-row {
display: -webkit-flex !important;
-webkit-flex-direction: column-reverse;
display: flex;
flex-direction: column-reverse;
}
}
Any assistance is appreciated - note section ID in the above css is the "our programs" module on the 'See Inside' page.
