Change the order on mobile view

Hi :slight_smile:

So I’ve been working to add illustrations on my website, and I encountered a little problem. Here is the page I’m working on at the moment: https://wercury.ch/le-concept/

My problem is the following: at the moment, the page look like the left side of the image above, and with added pictures it will work like the image on the right.

To this point, everything works fine and I’m very happy with it. The problem is when it comes to the mobile page… it’s looking like the graphic on the left, and I want it to be like the right one.

know that obviously mobile is reading the rows from left to right, which explains this view, but I wanted to know if there was a way to decide what is showing in which order on mobile? Knowing that I already paid for all the illustrations of my website and I’ll have to add them on several pages, I hope it’s something I can do!

Thanks a lot for your help. :slight_smile:

Hi @Fuzuki,

Thanks for reaching out.

You can utilize the HIDE DURING BREAKPOINTS option for that setup. You can have multiple content, one displayed for desktop and one for mobile.

Example, sections with columns will be hidden from mobile (displayed on the desktop), then create another section with just rows and hidden from the desktop (displayed on mobile).

Thanks!

Ah awesome! I’m gonna try it out and will keep you posted.

Thanks very much for the swift answer :slight_smile:

You’re welcome. Glad we could help.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.