Archived topic
Left Sidebar Only Sticky
3 replies · Started by Chitika on May 23, 2021
Viewing posts 1–4 of 4
I have this site with left-sidebar, content, right-sidebar.
I want the left-sidebar to be sticky only. This contains ads.
The right-one has some categories, menu etc kind of widgets. So it is a long list.
The right-bar should be normal and scroll through with the content.
How to resolve it?
Hi there,
you have this CSS:
@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
}
}Change that to:
@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 {
position: -webkit-sticky;
position: sticky;
top:60px
}
}Great worked perfectly. Thanks.
You're welcome
This archived topic is closed to new replies.
