[Resolved] Sticky sidebar

[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.

[Ying]

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 🙂

[Jitendra]

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

[David]

Hi there,

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

[Jitendra]

just the last widget

[David]

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

[Jitendra]

I disable it, please check it

[Ying]

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 🙂

[Ying]

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 🙂

[Jitendra]

can i add it to the additional css of wordpress

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

[Elvin]

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. 🙂

[Author]

Posts