Archived topic
Right Sidebar Sticky
3 replies · Started by Chitika on May 21, 2021
Viewing posts 1–4 of 4
I've added custom html widgets in the right-side bar to display 250x250 banner ads.
I want to make them sticky without using a plugin.
I already tried this on another site, with left and right. Its working.
@media(min-width: 1024px) {
.both-sidebars .site-content {
display: flex;
}
.both-sidebars .site-content > div {
left: unset !important;
}
#left-sidebar {
order: -1;
}
.inside-left-sidebar, .inside-right-sidebar {
position: -webkit-sticky;
position: sticky;
top: 60px;
}
}But the same code is not working here.
Let me know the issue.
Hi there,
remove that CSS and try this:
@media(min-width: 1024px) {
#right-sidebar {
position: -webkit-sticky;
position: sticky;
top: 60px; /* offset from top of screen on scroll */
}
}@David. Thanks it Works.
Glad to hear that
This archived topic is closed to new replies.
