Jump to content

Buttons collide or overlap on tablet, phone landscape, and scaled down browser

Go to solution Solved by Ziggy,

Recommended Posts


password: Salmonriverdrifters 


On the landing page (home) my buttons do not scale properly. I’ve searched these forums for hours and can’t solve this issue. They are set to fill, fit made them worse. Specifically the first row is the worst, but the second row is also affected. It seems that the right buttons are also clipping off the screen for some reason. 

I’m a complete rookie but think I’m getting the hang of the basic stuff. I believe this is 7.1?

Mobile view is fine

Any insight? 


Link to comment
  • Solution

It looks from your website that you've changed the setup?

It can be challenging having so many buttons lined up on mid-size screens, but if you have them set to FILL rather than FIT and reduce the horizontal padding it should give you the best chance of it looking good on all screens.

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

Zygmunt Spray
Squarespace Website Designer
Contact me: 
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) 
 🖼️ Gallery Lightbox 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.