Jump to content

Need Help With Block Organization on Mobile

Recommended Posts

Posted

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. 

 

747083525_ScreenShot2021-04-01at11_39_05AM.thumb.png.d0a4b3598eb531b60c5942f63482f687.png

Screen Shot 2021-04-01 at 11.22.41 AM.png

  • Replies 2
  • Views 391
  • Created
  • Last Reply
Posted

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

Posted
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. 

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.