Stacking Order

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


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

Comments

  • 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
Sign In or Register to comment.