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 Greeting, it's 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, Lightbox Studio pluginIf 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment