CSS Table Of Contents Sticky On Posts

Site URL: https://www.joshuaschweigert.com/

Hello,

I'm trying to get the same styled sticky table of contents that appear on my pages to have the same functionality on posts. I can't seem to figure out why I'm not getting the same result when I use the target ID.

Page Where It Works: https://www.joshuaschweigert.com/about-me

Post Where It Doesn't Work: https://www.joshuaschweigert.com/about-me

Would greatly appreciate some assistance, thank you!

Warm Regards,

Joshua Schweigert

19 hours ago, thejschweigert said:

Site URL: https://www.joshuaschweigert.com/

Hello,

I'm trying to get the same styled sticky table of contents that appear on my pages to have the same functionality on posts. I can't seem to figure out why I'm not getting the same result when I use the target ID.

Page Where It Works: https://www.joshuaschweigert.com/about-me

Post Where It Doesn't Work: https://www.joshuaschweigert.com/about-me

Would greatly appreciate some assistance, thank you!

Warm Regards,

Joshua Schweigert

2 above links is the same and sticky table works properly. Have you figured it out? Do you still need help?

I apologize, here's the link where it doesn't work. I just need help finding the identifier for the block, thank you!

https://www.joshuaschweigert.com/be-kind-updates/introducing-be-kind-an-initiative-raising-awareness-to-global-causes

7 hours ago, thejschweigert said:

I apologize, here's the link where it doesn't work. I just need help finding the identifier for the block, thank you!

https://www.joshuaschweigert.com/be-kind-updates/introducing-be-kind-an-initiative-raising-awareness-to-global-causes

Add this CSS

@media screen and (min-width:768px) {
div#item-61b8d2ee0164f61217fc27a3 .span-12>.row>.span-3 {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
}
}