Jump to content

Shrinking header on scroll messing up content

Go to solution Solved by Faedran,

Recommended Posts

I succeeded in making a shrinking header on scroll but now the content below "falls up" when the header shrinks. I have tried setting .content-wrapper position to absolute which gives me the effect i want, but then i get a whole lot of other problems like content bleeding into the footer and the background no longer being sticky. Does anyone know the correct way to fix this problem? I don't want anything below the header to be affected by the shrinking of the header.


Thanks in advance

Link to comment
  • Replies 1
  • Views 1.1k
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

  • Solution

for anyone with the same problem: adding following css did the trick


also to correct the grid you might want to add


replace 35vh according to needs.


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.