Site logo

[Resolved] Sticky sidebar

Home Forums Support [Resolved] Sticky sidebar

Home Forums Support Sticky sidebar

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #2038395
    Jitendra

    Dear sir, I have to add a sticky sidebar to my website. I used a crypto template. How I can make it sticky with CSS.

    #2038457
    Ying
    Staff
    Customer Support

    Hi Jitendra,

    I have to add a sticky sidebar to my website.

    How did you add sticky sidebar? GP doesn’t have sticky sidebar built in. Or do you mean you want to add a sticky sidebar?

    The crypto template doesn’t have sidebar activated, can you link us to your site?

    Do you want the entire sidebar to be sticky or just a few widgets?

    Let me know 🙂

    #2038660
    Jitendra

    i want just a widgets of sidebar sticky.
    My website: https://ezilearning.com/

    #2038889
    David
    Staff
    Customer Support

    Hi there,

    do you want the entire sidebar or just the last widget to be sticky ?

    #2038939
    Jitendra

    just the last widget

    #2038981
    David
    Staff
    Customer Support

    Can you disable your cache/optimization plugins so i can see whats getting in the way of the sticky CSS

    #2038987
    Jitendra

    I disable it, please check it

    #2039300
    Ying
    Staff
    Customer Support

    Can you add this CSS:

    .inside-right-sidebar {
        height: 100%;
    }

    Change this CSS:

    .widget inner-padding widget_block, #block-12 {
        position: -webkit-sticky;
        position: sticky;
        top: 0PX;
        z-index: 100;
    }

    to:

    #block-12 {
        position: -webkit-sticky;
        position: sticky;
        top: 150px;
        z-index: 100;
    }

    Let me know 🙂

    #2039301
    Ying
    Staff
    Customer Support

    Can you add this CSS:

    .inside-right-sidebar {
        height: 100%;
    }

    Change this CSS:

    .widget inner-padding widget_block, #block-12 {
        position: -webkit-sticky;
        position: sticky;
        top: 0PX;
        z-index: 100;
    }

    to:

    #block-12 {
        position: -webkit-sticky;
        position: sticky;
        top: 150px;
        z-index: 100;
    }

    Let me know 🙂

    #2039525
    Jitendra

    can i add it to the additional css of wordpress

    #block-12 {
    position: -webkit-sticky;
    position: sticky;
    top: 150px;
    z-index: 100;
    }

    #2039528
    Elvin
    Staff
    Customer Support

    Hi there,

    You can add it where you’ve found the CSS Ying asked to be changed.

    It’d be best to change/replace the CSS Ying mentioned to avoid styling conflicts. 🙂

Viewing 11 posts - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.