Jump to content

Position Sticky not working when I move Page inside an Index

Recommended Posts

14 hours ago, creedon said:

When you move a page into an index the structure of the page is changed therefore, most likely, invalidating the sticky CSS.

That makes sense, what I don't understand is why would the css design changes still apply while the sticky does not. 

The solution that I am getting to is to stop using the Index and create my design on the page. This still does not solve the problem of why the sticky does not work when in the index page

Link to comment

I was able to figure out what was causing the issue. When I put the page in an index there is a parent level element which has overflow hidden applied. I recommend to inspect the page and change all of the overflows you see starting from the image and moving your way up. Some of the overflows will have an effect and some will not. When you have found the element which is causing the issue, add a simple css code to change the overflow to visible.

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.