[Resolved] Need help making left sidebar sticky

[Matt]

No, ideally I want it in Left Sidebar. When testing here, it disappears completely.

I tested Right, to be comprehensive, as instead of disappearing, it relocated to the left side of my body text.

Since that’s broken, too, I reverted to the Left hand side (and unaffixed it) until I can find an answer to the problem.

DOes that make sense?

[Leo]

What about this CSS?
https://generatepress.com/forums/topic/how-to-keep-left-side-bar-sticky/#post-1415849

[Matt]

By golly, it works!

Last thing, I promise: what CSS can I enter to disable this on mobile?

[Leo]

You can wrap in media query like this:

@media (min-width: 769px) {
    .site-content {
        display: flex;
    }
    .site-content > div {
        left: unset !important;
    }
    #left-sidebar {
        order: -1;
    }
    #left-sidebar .inside-left-sidebar {
        position: -webkit-sticky;
        position: sticky;
        top: 80px;
    }
}

[Matt]

Thank you so much, Leo. For everything. Making sure to leave you a review now.

[Leo]

No problem 🙂

And thanks!

[Author]

Posts