sticky sidebars

[Kris]

Hi, I know new features are always coming out. Checking to see if sticky sidebars is available? So when the user scrolls the sidebars stay visible?

Let me know, always the best support! Kris

[Leo]

Hi there,

Unfortunately we have no plan to add an option for sticky sidebars – there isn’t enough demand.

Is there a page where the sidebar can be seen?

We can try some CSS.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Kris]

Here’s the a blog post where the sidebars can be seen: https://www.littledotbigdifference.com/books/

Thought it would be cool if the sidebar dots followed along with the reader.

But most of my readers are on a mobile, so not that big of a deal.

If it’s a lot of work on your end to provide the CSS, don’t worry about it.

Thank you! Kris

[David]

Hi there,

try adding this CSS:

@media(min-width: 769px) {
    .both-sidebars .site-content {
        display: flex;
    }
    #left-sidebar, #primary, #right-sidebar {
        left: unset;
    }
    #left-sidebar {
        order: -1;
    }
    .inside-left-sidebar, .inside-right-sidebar {
        position: -webkit-sticky;
        position: sticky;
        top: 100px;
    }
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Kris]

Oh my gosh, works!! Amazing. Thank you. Your support and platform continue to blow me away, for YEARS!! Have the best day, Kris

[David]

Glad we could be of help

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[John]

WOW guys! Thank you SOOOO much for this! I’ve been grappling with trying to do this for literally 2 years now (off and on of course, lol). It never ceases to amaze me how awesome you guys all are! LOVE GP!

[Tom]

Awesome! Glad the topic helped 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Author]

Posts