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? Beyondspace 1 Link to comment
Beyondspace 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 BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date format) 💫 Animated Buttons (Referral URL) 🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations) 🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates) If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
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!! Beyondspace 1 Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment