Change Custom Content DIV order on mobile - Motion Theme

Store Design
1

Hi all,

I am currently looking to re-order my custom content section on mobile.

Site URL: https://leahcarrollfitness.com.au/pages/12-week-shoot-prep

Specifically, the section attached via screenshot.

This contains 50% text (What do you need TO GET STARTED?) and 50% image.

Desired outcome:

Text on mobile: Order 2
Image on mobile: Order 1

Your help would be appreciated.

Thank you,
Jess

Screen Shot 2022-04-04 at 6.59.13 pm.png
Screen Shot 2022-04-04 at 6.59.13 pm.png568×1218 355 KB

2

Hi @JessAnderson ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css->paste below code at the bottom of the file:
@media (max-width: 650px) {
#shopify-section-template--15353546440859__1648976442b960096e .custom-content {
    flex-direction: column-reverse !important;
    padding-top: 40px;
}
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.