Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Position Sticky not working when I move Page inside an Index


Romik

Question

Site URL: https://www.llama.io/new-index

Hello I have set an image block to be sticky (#block-yui_3_17_2_1_1613977890946_61290) and it works when the page is not inside the index. The image behaves as it should but it stops working when I move the page inside the index page. I am not sure what is causing this to happen any help will be much appreciated. 

Link to post
  • Answers 3
  • Created
  • Last Reply

Top Posters For This Question

Popular Days

Top Posters For This Question

Popular Posts

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 o

3 answers to this question

Recommended Posts

  • 0
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 post
  • 0

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 post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...