Stacking Order

stephenfitz · July 2019

I would like to the stacking order to be slightly different when on mobile, I currently have a test site

https://moness.studiosal.co.uk/

On the home page there are 4 boxes underneath the slider and I like the way they are ordred on desk top view, but when you view on mobile it stacks in this order

white section with text

image of the table

image of the deer

green background with text

But as you have 2 images stacked together it doesn't look correct I have tried using the Order: CSS property but cant get it working. can anyone help? I would like the order to be as follows on mobile

white section with text

image of the table

green background with text

image of the deer

Best

Stephen

Bryan · July 2019

Hello,

sorry but there is no possibility to change the behaviour of the items on mobile devices.

There is no easy way of doing that.

You can always use the visibility option for each section. Edit the section options, scroll down until you see a visibility dropdown options. There you can select if the section appears on mobile, desktop or tablet.

You can have a section that is visible on mobile, but not visible on desktop. This is how, you will have the desired layout on all devices.

thanks

Stacking Order

Comments

This website uses cookies