Archived topic
Making a sidebar sticky
5 replies · Started by Hasan on November 17, 2020
Viewing posts 1–6 of 6
Hi!
I am trying to make the sidebar sticky for desktop only with the below code, but it is not working. Please help fixing it.
@media (min-width: 800px) {
#tour-sidebar {
position: -webkit-sticky;
position: sticky;
top: 100px;
}
}Thanks!
Hi there,
add this CSS:
.inside-right-sidebar {
height: 100%;
}Worked perfectly. Thanks, David!
I have another issue now since it is making only the first part of the sidebar sticky and the other part is scrolling past it. How can I make the whole sidebar sticky in general? If I apply the code for #ride-sidebar ID, it does not work.
Remove the CSS i provided.
And then change your CSS to:
@media (min-width: 800px) {
.inside-right-sidebar {
position: -webkit-sticky;
position: sticky;
top: 100px;
}
}Awesome! Thanks a lot!! :)
You're welcome
This archived topic is closed to new replies.
