Jump to content

Some elements (shapes/buttons) become misshaped on the live website.

Recommended Posts

  • Replies 8
  • Views 1.5k
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

Can you share your website URL and this page?

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

Thanks for that!

It looks like certain elements of your website are stretching the grid height.

In this case below, the text block on the left with the heading spans 2 rows, but because the headings are dynamic, when you look at it on a bigger screen than the editing screen, that text grows and as it stretches rows and therefore stretches the blocks on the right, hopefully this screenshot shows that:

image.thumb.png.553b45520cacd4463f19031eeee6a78a.png

If you make the text block taller or maybe better part of the text block below (so it's just one block)

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

Hi Ziggy, thanks for looking into this.

My screen size is the same when I'm in the Editor as when I view the live site, yet the sizing is fine in the Editor.

I previously had that heading text block as part of the text block below and still had the same issue? It's also happening to the buttons in the section at the top of page.

Ben

Link to comment
8 minutes ago, benstevens05 said:

My screen size is the same when I'm in the Editor as when I view the live site, yet the sizing is fine in the Editor.

I know what you mean, there is sometimes a disparity between the live website and editor view even in the same browser.

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
51 minutes ago, benstevens05 said:

I don't suppose there's another reason/solution that things are changing shaped?

The fonts are dynamic, you could set these to be fixed in Custom CSS, which may help minimise layout shift.

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.