rjsimplelyfe Posted January 2, 2021 Share Posted January 2, 2021 Site URL: http://www.precisionlandscaping.squarespace.com I realize this should be simple as I have looked at and tried several other solutions, but none of them have worked. So, I'm apparently missing something simple, it would seem. As per attached, I have 3 columns. The first column has 2 text blocks, the center is a photo that fills the length of the 2 text blocks. The third is also 2 text blocks like the first column. On mobile, I want to switch the 1st and 2nd columns so that the photo occurs first, followed by the 4 text blocks (order of text blocks not important). I have tried the flex method where #meet-owner is the name of the section, but nothing happens. Perhaps if I understood the process, I would have more success. Currently, I do not understand the use of "section+.row" vs. "section+.span-12", etc. By understanding the concept, I would then be able ( I hope) to repeat it for other instances. Thanks in advance for any assistance or explanation. Randy /*reversing block order in a section on mobile*/ @media screen and (max-width:747px) { #meet-owner+.row { display: flex; flex-direction: column-reverse; } } Link to comment
Beyondspace Posted January 2, 2021 Share Posted January 2, 2021 What is the password 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment