Jump to content

Weird overflow/ extra scroll appeared after adding logo load to home page

Recommended Posts

Hi, 

I've added a logo load/ logo animation video to the start of my homepage. Upon adding this, I've been experiencing some weird padding/ margin issues & a weird overflow/ empty scrolling on this page specifically. I can't seem to get rid of it. I've just tried: 

 

html, body {
    overflow-x: hidden;
}

 

but this doesn't seem to work. Please help 😧

Link to comment
  • Replies 7
  • Views 1.2k
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

Can you share your website URL and site wide password if it's not live?

https://squarefortytwo.com/squarespace-guides/add-a-site-wide-password-to-your-squarespace-website

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

Can you share the CSS you've added, I'm not sure where the overflow is coming from.

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

You have a lot of absolute top/bottom values, I would try commenting all of those out and seeing how that effects it. I can't say for sure what will have a positive/negative impact.

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

So I fixed the overflow using this on specific pages

body {
    overflow-y: hidden;
}

However, there's still a weird margin/ bar on the top that I can't seem to get rid of. I was able to fix the bottom margin and cover that using actually one of the codes you sent to someone ages ago 😅

#collection-65041c8b6b144c5e59560295 {
  #footer-sections {
    display:none;
  }
  .page-section {
    height:100vh;
    overflow:hidden;
  }
}

Any idea what the extra padding/ margin there might be? 

 

Thank you so much for your help!

Link to comment
5 minutes ago, theproper said:

Any idea what the extra padding/ margin there might be? 

I can't find any overflow when I look.

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.