Jump to content

Change position of specific blocks for mobile

Recommended Posts

Hi,

I would like to change the position of specific blocks for mobile only and on this page only: https://amiatarecords.com/home-records

Basically I would like to move the block with the text that says 'Highlights – Synaulia' etc. at the top of the tracks blocks ('Invocation to Mercury' and so on) and below the main image that is at the beginning of the page. See screenshot attached.

Could someone have a look? Thanks!

Screenshot 2024-02-13 at 11.57.26.png

Link to comment

In order to do this in Squarespace 7.0 on the classic editor (as you are), you need to understand how the blocks get automatically re-arranged on mobile.

Each row gets turned into a column starting from the left and going to the right and if you stack blocks vertically in that column those get stacked in order, then the next row does the same.

If you want to move that text after the image, then they need to be in a separate row to the column of audio blocks. Drag the image up to the top so it going into a new row by itself, then drag the text block next to it on the right (adjust the widths), then use a spacer block next to the column of audio blocks to get the width you want for those.

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • 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.