[Support request] How to let the content sticky on the side bar

Home Forums Support [Support request] How to let the content sticky on the side bar

Home Forums Support How to let the content sticky on the side bar

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #2269994
    Paul

    hello

    how to let them sticky when scolling down the page https://prnt.sc/OPlA2jx1y-1c

    thanks

    #2270005
    Fernando
    Customer Support

    Hi Paul,

    Can you share the link to the site in question here?

    You may use the private information field for this: https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information

    Hope to here from you soon!

    #2270044
    Paul

    HI
    PLS CHECK THE SCREENSHOT https://prnt.sc/7AY_-pxeDa_f

    Maybe we can let the any content sticky on sidebard, so can we achieve it with generatepress theme tools?

    #2270045
    Paul

    hi,

    check this link and u can find the content on side bar on any page

    #2270057
    Fernando
    Customer Support

    You’ll need custom CSS to achieve that.

    Adding this CSS in Appearance > Customize > Additional CSS should make the last widget in your sidebar sticky:

    .inside-right-sidebar {
        height: 100%;
    }
    
    .inside-right-sidebar > .widget:last-of-type {
        position: sticky;
        top: 80px;
    }

    I don’t think having 2 widgets sticky will fit the viewport.

    Hope this helps!

    #2270074
    Paul

    thanks

    this is only useful for desktop?

    #2270220
    David
    Staff
    Customer Support

    Hi there,

    yes it will only work on desktop ( larger screen devices ).

    Add the CSS within a media query like so:

    @media(min-width: 769px) {
        .inside-right-sidebar {
            height: 100%;
        }
    
        .inside-right-sidebar>.widget:last-of-type {
            position: sticky;
            top: 80px;
        }
    }
Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.