Sticky Sidebar on Scroll

  • Resolved benington

    (@benington)


    2 years, 2 months ago

    Hi, I would like to know if there’s any possible way to make the sidebar sticky when scrolling down. I requested a CSS code to only show on the sidebar the highlighted category and disable the other ones, and got help with that, works like a charm. I would like to know if you guys can share a CSS code to also make that sidebar sticky in order not to disappear when scrolling down the content.

    Many thanks!

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Support Abid Hasan

    (@abidhasan112)

    Hi @benington ,

    Thanks for getting back to us.
    Please add this CSS on your stylesheet to get this done:

    .betterdocs-category-sidebar {
    position: sticky;
    top: 0;
}

    Cheers!

    Thread Starter benington

    (@benington)

    Thank you very much for your response! I understand I have to add that to the theme`s stylesheet, and I did, but nothing seems to happen at the moment. Any idea if there is something I must be doing wrong? (I also tried adding to the additional css section from wordpress)

    Thanks again?

    Plugin Support Abid Hasan

    (@abidhasan112)

    Hi there again,

    Could you please give me the page URL so that I can check this on your page and assist you with this?

    Thank you!

    Thread Starter benington

    (@benington)

    Hey, thanks! Here is the link: https://kronnect.com/guides/

    Thread Starter benington

    (@benington)

    Hi, I finally solved the problem. It was all about a parent DIV that had the

    overflow: hidden;

    That must be set to

    overflow: inherit;

    in order for the sticky position to work.

    Plugin Support Abid Hasan

    (@abidhasan112)

    Hi @benington ,

    Awesome! Thanks for letting us know!
    Feel free to reach us when you need any help.

    Have a good day!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Sticky Sidebar on Scroll’ is closed to new replies.