Jump to content

Buttons do not scale properly to different screen sizes

Recommended Posts

When adding buttons to a page (section), they do not stay positioned in the page. When I add them to the page using a 16" display, they look correct. However if I change the size of the browser window to be smaller, the button will move into the middle of the text directly above it. The text on the page scales correctly, however the button which is within a section (has text) move all over the place. Buttons which I have in a separate section below the section above, do scale correctly. 

Link to comment
  • Replies 3
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

Can you share your website URL and the page this is happening on?

Can you also add a couple of example screenshots? Thanks!

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

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
🔌
 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 Did I help? Buy me a coffee?

Link to comment

My guess is that you have the button block and text block overlapping, so when the text breaks to more lines on narrower screens the text stretches below and independently of the button position. If you share your website I won't have to guess, and I can help more, thanks! 

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

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
🔌
 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (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.