Archived topic
Make one sidebar block sticky (TOC) but other blocks to be non-sticky
3 replies · Started by George on March 20, 2023
Viewing posts 1–4 of 4
Hello,
So here's how my site's pages currently look with a right sidebar template: https://giveawaylisting.com/monthly-giveaway/
As you see on the sidebar, there are in this order: a) vertical Google Ads(removed temporarily and replaced with an image), a TOC (SimpleTOC) and an image.
I'm wondering how I can make only the TOC remain sticky, yet everything else to be non-sticky. Can you please help me? Thanks!
Hi George,
Try the below CSS:
@media(min-width:769px) {
.inside-right-sidebar {
height: 100%;
}
.inside-right-sidebar #block-12 {
position: sticky;
top: 100px;
}
}Adding CSS: https://docs.generatepress.com/article/adding-css/
Works like a charm, thanks!!!
No problem :)
This archived topic is closed to new replies.
