Jump to content

Embedded scripts adding lots of unused space in design, especially on mobile view

Go to solution Solved by Ziggy,

Recommended Posts

I am preparing a new site and am having difficulty with the positioning of embedded scripts as they are creating extra space within the design that I cannot adjust. Should I just overlap the content so that the preview appears ok? It seems a bit of a guessing game as to getting the positioning correct and I thought there may be a better way of achieving the desired result. 

One is the what's app button and the other, a Trustist review panel. See screen shots. This is more difficult on the mobile view. 

I have a secondary issue in that the size of the form embed button is different to that of the standard button too - both are the tertiary size. If I extend the height of the form button to try and match, it doesn't extend the orange button, just the space around it. 

Any advice is appreciated. Many thanks 

Screenshot 2024-08-06 at 08.10.26.png

Screenshot 2024-08-06 at 08.10.37.png

Link to comment
  • Solution

Add this to Custom CSS, then refresh the page and adjust the code block size on the page:

// Hide code block warning message
html.squarespace-damask .sqs-blockStatus, .sqs-block .removed-script {
  display: none !important;
}

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!

📈 SEO Space (Referral link)
Ⓜ️ 
Will Myers' Plugins & Tutorials (Referral link)
 🔌 Ghost Squarespace Plugins (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲SQSP Themes (Referral link) 
Spark Plugin (Referral link) 
 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment

Brill, thank you Ziggy that worked. Do you have any thoughts on the second issue I am also having:

I have a secondary issue in that the size of the form embed button is different to that of the standard button too - both are the tertiary size. If I extend the height of the form button to try and match, it doesn't extend the orange button, just the space around it. 

Any advice is appreciated. Many thanks 

Link to comment

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!

📈 SEO Space (Referral link)
Ⓜ️ 
Will Myers' Plugins & Tutorials (Referral link)
 🔌 Ghost Squarespace Plugins (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲SQSP Themes (Referral link) 
Spark Plugin (Referral link) 
 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment
Posted (edited)

No, Unfortunately, it's not published yet.

I cloned the site and then upgraded it to 7.1 so don't know if this may have caused the issue. Will try a new form and see if that helps. There are lots of forms for different branches so in some ways I hope not! 

Edited by NewViewMarketing
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.