[Resolved] Make one sidebar block sticky (TOC) but other blocks to be non-sticky

Log In Free Support

Popular Articles

Missing style.css

Updating errors

Installing GP Premium

Installing GeneratePress

This topic has 3 replies, 2 voices, and was last updated 2 years, 12 months ago by Ying.

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
March 20, 2023 at 12:12 pm #2574660

George

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!

March 20, 2023 at 12:15 pm #2574664
Ying
Staff
Customer Support
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/
March 20, 2023 at 12:28 pm #2574679

George

Works like a charm, thanks!!!

March 21, 2023 at 9:16 am #2575858

Ying
Staff
Customer Support

No problem 🙂
Author

Posts

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.