Hello. I need to modify the mobile stacking order of content in a 3-column image/text/spacer layout.
Site password: XRdesign
Jump or scroll to the "Process" section. For larger displays, the order of the content blocks is:
ROW A: Image — spacer — Text
ROW B: Text — spacer — Image
... rinse and repeat.
On mobile they all need to follow one pattern:
COLUMN: Image — spacer — Text
I've done a search on this and there were a number of threads covering but they all kind of dead-end(ed). I honestly feel like a fix to this should have been baked into 7.0 since it's such a common UI pattern. Any help would be appreciated. And thank you! 🙏
Question
jorohaco 11
Site URL: https://carillon-flower-3xhs.squarespace.com/
Hello. I need to modify the mobile stacking order of content in a 3-column image/text/spacer layout.
Site password: XRdesign
Jump or scroll to the "Process" section. For larger displays, the order of the content blocks is:
ROW A: Image — spacer — Text ROW B: Text — spacer — Image
... rinse and repeat.
On mobile they all need to follow one pattern:
COLUMN: Image — spacer — Text
I've done a search on this and there were a number of threads covering but they all kind of dead-end(ed). I honestly feel like a fix to this should have been baked into 7.0 since it's such a common UI pattern. Any help would be appreciated. And thank you! 🙏
Edited by jorohacoRemoving redundancies
Link to post
Top Posters For This Question
3
3
1
1
Popular Days
May 5
3
Feb 24
1
May 1
1
Mar 1
1
Top Posters For This Question
jorohaco 3 posts
tuanphan 3 posts
kevinkamis 1 post
FatFatAlbert 1 post
Popular Days
May 5 2020
3 posts
Feb 24 2021
1 post
May 1 2020
1 post
Mar 1 2021
1 post
Popular Posts
tuanphan
Add to Home > design > custom CSS @media screen and (max-width:640px) { /* 2 */ div#block-yui_3_17_2_1_1578277238401_75781+.row { display: flex; flex-direction: column-reverse; } /*
7 answers to this question
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment