Jump to content

Shrinking Logo On Scroll error - Can't scroll down

Go to solution Solved by Ziggy,

Recommended Posts

Problem: When in the resolution of 2560 x 1440 and I try to scroll down using my mouse wheel it gets stuck and goes back to the top. 

I don't have a problem in 1920 x 1080. I have this CSS code installed:

// Shrinking Logo On Scroll - 7.1 //

.header.shrink img {
    max-width: 120px;
    transition: all 0.2s ease-in-out
}

.header img {
    transition: all 0.2s ease-in-out
}

 I attached two brief screen recordings to show the problem.

 

Link to comment
  • Solution

This looks like the page isn't long enough to cope with the level of logo size change, as you scroll away from the header the logo shrinks to the extent that the full page height is short enough that your position on the page is high enough that the logo unshrinks. You'll have to put up with this or make the page taller, alternatively you could change the "shrunk" logo size just on that page, but that would make the page experience pretty poor, so we can limit it to just this page, try testing this Custom CSS on your website:

@media only screen (min-width:2500px) and (min-height:1400px) {
  #collection-6377e602bfa2673d48bb993b {
    .header.shrink img {
      max-width: 200px;
      transition: all 0.2s ease-in-out;
    }
  }
}

Let me know if that's helpful!

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
1 minute ago, MadameTiffany said:

Thank you so very much! This was the last thing I needed for my website to be officially complete! I love you so much! 😄❤️

Glad to have been a help!

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.