How to swap image and text order for mobile view

So this code should work for you, stick it in the Design > Custom CSS section

@media all and (max-width: 640px){
 #p-rocess{
   .sqs-layout > .row:nth-of-type(6){
    display: flex;
     flex-direction: column-reverse;
   }
  }
}

2 hours ago, JoeCory said:

So this code should work for you, stick it in the Design > Custom CSS section

@media all and (max-width: 640px){
 #p-rocess{
   .sqs-layout > .row:nth-of-type(6){
    display: flex;
     flex-direction: column-reverse;
   }
  }
}

 

Worked perfectly, thank you JoeCory!!

Hi there, 

I tried using this custom CSS for our site, but can't seem to get it to work. I need it for this specific page on our site. Any advice?

https://www.taylergroup.com/team-copy-for-mobile-test

On 2/17/2021 at 1:45 AM, awk said:

Hi there, 

I tried using this custom CSS for our site, but can't seem to get it to work. I need it for this specific page on our site. Any advice?

https://www.taylergroup.com/team-copy-for-mobile-test

You want

text - image - text - image

or

image - text - image - text?