Archived topic

Sticky sidebar is not working

3 replies · Started by Dimitar on December 27, 2020

Viewing posts 1–4 of 4

December 27, 2020 at 2:33 pm #1596051

Hello,
I am using successfully the following CSS to stick the right sidebar on one of my websites. Now I am creating new website and sticky sidebar is not working. Could you please give me advice on what might be the problem? I've tried with different browsers and computers, but it is not working on the new website. Thank you.

#right-sidebar {
position: -webkit-sticky;
position: sticky;
top: 0;
padding-top: 0px;
}

Kind regards,
Dimitar

December 27, 2020 at 3:17 pm #1596066

Hi,

Instead of applying it on the #right-sidebar, can you try this instead?

.inside-right-sidebar {
    position: -webkit-sticky;
    position: sticky;
    top: 65px;
    padding-top: 0;
}

Let us know how it goes.

December 27, 2020 at 5:23 pm #1596115

Thanks a lot Elvin. Now it is working just perfectly!

December 27, 2020 at 5:25 pm #1596118

Nice one. No problem. :)

This archived topic is closed to new replies.

Start building better websites today.