Sticky container now working on front end

  • fcacic
    April 2, 2025 at 1:11 am

    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 🙂

  • Ying
    April 2, 2025 at 11:07 am

    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;
}
  • fcacic
    April 2, 2025 at 10:42 pm

    Thank you Ying, works perfectly! I didn’t know overflow prevented sticky from working.

    I will mark the thread as resolved 🙂

  • Ying
    April 3, 2025 at 7:20 am

    You are welcome 🙂

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.