-
Posts
-
I have a color section with two 1/2 elements next to each other, now they are neatly placed next to each other on a desktop as intended, and on a mobile phone one below the other. On mobile the left 1/2 element is on top and the right 1/2 element is below it, can I reverse this so that on mobile the right 1/2 element is on top and the left 1/2 element is below?
Hey Tibor,
Thank you for the inquiry.
You have to edit the first column in the row and adjust the Row Settings > Row Screen Options > Column Behaviour When Fullwidth settings to either the second or third option. If you choose the third option, you’ll also need to modify the Advanced > Responsive > Mobile Breakpoint Position settings for every column in the row.
Best regards,
IsmaelThanks Ismael,
I managed to do it like you described, but is it also possible to order the content elements in the 1/2 layout elements in a colorsection? Hope you understand what I mean.
Hi,
Perhaps we can adjust it with some css, please link to your page so we can examine and explain how you want to see it on what size device, perhaps a screenshot would help us fully understand.Best regards,
MikeMike,
Thanks for your reply! On mobile I would like the title on top, images, Description, buttons, social icons. They are placed in a collersection with two 1/2 elements. Left column is images, right column is special heading, text block and buttons. At the bottom separated social icons box.
Hi,
To achieve this it would be best to use the ALB elements and columns to create this on your page and then set these elements to only display on mobile, while your other item only display on desktop. If you were only changing the order of the items it may be possible with some simple css, but also changing the page layout with new columns widths would be a big job with a lot of css. So it would be best to use the ALB elements and columns to create this on your page.Best regards,
Mike
- You must be logged in to reply to this topic.