CSS for Sticky Sidebar Element

Hi there,

try adding this CSS;

@media(min-width: 769px) {
    .inside-right-sidebar *:last-child {
        position: -webkit-sticky;
        position: sticky;
        top: 20px;
    }
}

hm, that didn't work for me.

link to my site: https://www.watercolorfanatic.com/how-to-mix-watercolors/

Hi Robert,

your site is still using the old floats grid, so you would need some CSS like this:

@media(min-width: 1024px) {
    .site-content {
        display: flex;
    }
    .inside-right-sidebar {
        position: -webkit-sticky;
        position: sticky;
        top: 20px;
    }
}

That seemed to work. What is the old floats grid? And should I be using something newer? It's a new site with all the current versions. Thanks

This doc explains the old Floats grid and how to move into flex box:

https://docs.generatepress.com/article/switching-from-floats-to-flexbox/

If you make that change then the CSS I provided the OP should work for you

Thanks, David! Worked like a charm.

Glad to hear that

Switched to flex, works great! Thanks for the A+ support.

Glad to hear that too!