deoracatherine Posted April 1, 2021 Posted April 1, 2021 Site URL: https://www.deoracatherine.com/motherhood Hello, I am trying to get this section to be in the same order on mobile. Whenever I save it as the correct order on desktop, it messes up on mobile. The correct mobile order would be: The Achievement Race Seeking Information Misinformed Expectations Managing Our Phone Use Information Overload The only way I can get these in the correct mobile order, is if I place Managing Our Phone Use and Information Overload off to the right, on desktop. Help??? I attached pics of the desktop layout I want (Managing Our Phone Use, and Information Overload off to the left) and the desktop layout I don't want (off to the right). Unfortunately, the layout I *don't* want is the only one that gives me the correct order on mobile.
WillMyers Posted April 1, 2021 Posted April 1, 2021 Hey deoracatherine, this has to do with the way Squarespace manages and combines blocks into columns & rows. As you add and move blocks, pay close attention to where the "Insertion Point" (the blue line) is as you add in or move content. What I'd suggest is add that first row of three blocks next to each other. Then add in a spacer block under ALL 3 of them. Now add your other two blocks next to each other under the spacer (you can add another spacer block on the right so the blocks remain the same size). This should get all the blocks organized correctly. You can then delete the spacer block between the first and second row. Let me know if that does it! Hey there, my name is Will and I help Squarespace designers and developers with my plugins, tutorials, and my Code Curious Membership. I would be happy to answer any questions you have about Javascript, CSS, or the meaning of life - I'm an expert in 2 of these. Youtube | Website
deoracatherine Posted April 1, 2021 Author Posted April 1, 2021 41 minutes ago, WillMyers said: Hey deoracatherine, this has to do with the way Squarespace manages and combines blocks into columns & rows. As you add and move blocks, pay close attention to where the "Insertion Point" (the blue line) is as you add in or move content. What I'd suggest is add that first row of three blocks next to each other. Then add in a spacer block under ALL 3 of them. Now add your other two blocks next to each other under the spacer (you can add another spacer block on the right so the blocks remain the same size). This should get all the blocks organized correctly. You can then delete the spacer block between the first and second row. Let me know if that does it! You're a genius!! Thank you so so much.
Recommended Posts
Archived
This topic is now archived and is closed to further replies.