deoracatherine Posted April 1, 2021 Share 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. Link to comment
WillMyers Posted April 1, 2021 Share 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! deoracatherine 1 Hey-o, my name is Will and I help Squarespace designers and developers with technical things. I would be happy to answer any questions you have about Javascript, CSS, or the meaning of life - although I'm only an expert in 2 of these. Check out my plugin store or sign up for my newsletter. Link to comment
deoracatherine Posted April 1, 2021 Author Share 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. WillMyers 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