devquercus Posted March 22, 2021 Share Posted March 22, 2021 Site URL: https://www.theoak.digital/ Hey everyone. I'm working on the following web site https://www.theoak.digital/ and I want to reorder the text in green boxes only for the mobile view. (The title should be first and the the paragraph) I've seen some other related questions but I could make it to work properly. Can anyone help me on this? bangank36 1 Link to comment
0 bangank36 Posted March 23, 2021 Share Posted March 23, 2021 16 hours ago, devquercus said: Site URL: https://www.theoak.digital/ Hey everyone. I'm working on the following web site https://www.theoak.digital/ and I want to reorder the text in green boxes only for the mobile view. (The title should be first and the the paragraph) I've seen some other related questions but I could make it to work properly. Can anyone help me on this? try @media only screen and (max-width: 768px) { section[data-section-id="604cf0470df88f5b73adb808"] .sqs-col-12 .sqs-row { display: flex; flex-wrap: wrap; } section[data-section-id="604cf0470df88f5b73adb808"] .sqs-col-12 .sqs-row .sqs-col-6 { order: 2 } section[data-section-id="604cf0470df88f5b73adb808"] .sqs-col-12 .sqs-row .sqs-col-5 { order: 1; } } tuanphan 1 Greeting, it's BaNgan from BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Youtube Gallery for SquarespaceIf you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you Link to comment
0 devquercus Posted March 26, 2021 Author Share Posted March 26, 2021 On 3/23/2021 at 12:11 PM, bangank36 said: try @media only screen and (max-width: 768px) { section[data-section-id="604cf0470df88f5b73adb808"] .sqs-col-12 .sqs-row { display: flex; flex-wrap: wrap; } section[data-section-id="604cf0470df88f5b73adb808"] .sqs-col-12 .sqs-row .sqs-col-6 { order: 2 } section[data-section-id="604cf0470df88f5b73adb808"] .sqs-col-12 .sqs-row .sqs-col-5 { order: 1; } } Thank you very much it works!! bangank36 1 Link to comment
Question
devquercus
Site URL: https://www.theoak.digital/
Hey everyone. I'm working on the following web site
https://www.theoak.digital/
and I want to reorder the text in green boxes only for the mobile view. (The title should be first and the the paragraph)
I've seen some other related questions but I could make it to work properly.
Can anyone help me on this?
Link to comment
Top Posters For This Question
1
2
Popular Days
Mar 22
1
Mar 23
1
Mar 26
1
Top Posters For This Question
bangank36 1 post
devquercus 2 posts
Popular Days
Mar 22 2021
1 post
Mar 23 2021
1 post
Mar 26 2021
1 post
Popular Posts
devquercus
Site URL: https://www.theoak.digital/ Hey everyone. I'm working on the following web site https://www.theoak.digital/ and I want to reorder the text in green boxes only for the mobile view
bangank36
try @media only screen and (max-width: 768px) { section[data-section-id="604cf0470df88f5b73adb808"] .sqs-col-12 .sqs-row { display: flex; flex-wrap: wrap; } secti
devquercus
Thank you very much it works!!
2 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