Jump to content

bsull

Member
  • Posts

    1
  • Joined

  • Last visited

bsull's Achievements

Level 1

Level 1 (1/20)

0

Reputation

  1. 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.
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.