-
Hello GP team, I have an issue with a sticky container in a sidebar I am trying to make for the post site.
I think all my settings are correct because it works normally in the editor, but it is not showing on the front end for some reason. I tried clearing the server cache and it didn’t fix the issue.
The outside container is full height so that shouldn’t be an issue.
The inner container is position:sticky
I put the site in the private info 🙂
-
Hi there,
It’s because you have this CSS:
body, html { overflow-x: hidden; }and when GP’s slide out nav is enabled, GP adds this CSS as well.
.offside-js--init { overflow-x: hidden; }Both CSS prevent the sticky element from working.
So change #1 CSS you added to this to override GP’s CSS:
body, html { overflow-x: initial !important; } -
Thank you Ying, works perfectly! I didn’t know overflow prevented sticky from working.
I will mark the thread as resolved 🙂
-
You are welcome 🙂
- You must be logged in to reply to this topic.