Reverse column layout on Mobile

[sotangy]

Hello!

I have a custom content section of Testimonial + Slider on desktop

I want to have the Slider show up first on mobile.

Currently, it looks like this:

I'm not sure how to pick apart the code to reorder these items.

https://viellabeaute.com/pages/about

password: viella

Thanks in advance 🙂

[GemPages · Accepted solution]

Hello @sotangy ,

I would like to give you a recommendation to support you:

1. Go to Online Store > Theme > Edit code of your current theme

2. Open your theme.liquid theme file

3. Paste the below code before </head>

<style>
@media(max-width: 767px){
  #BrickSection--template--17052840722745__4cc1f7ed-f7b9-4100-9380-ad3b23ac26b4 .brick__section.brick--2 {
    display: flex;
    flex-direction: column-reverse;
  }
}
</style>

For example,

If you require any further information, feel free to contact me.
Best regards,
GemPages Support Team

[sotangy]

Thank you! This worked perfectly 😄

[GemPages]

Hi @sotangy,

I am glad that my recommendation is helpful to you 😁.