Archived topic
Sticky sidebar
10 replies · Started by Jitendra on December 4, 2021
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.
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 :)
i want just a widgets of sidebar sticky.
My website: https://ezilearning.com/
Hi there,
do you want the entire sidebar or just the last widget to be sticky ?
just the last widget
Can you disable your cache/optimization plugins so i can see whats getting in the way of the sticky CSS
I disable it, please check it
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 :)
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 :)
can i add it to the additional css of wordpress
#block-12 {
position: -webkit-sticky;
position: sticky;
top: 150px;
z-index: 100;
}
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. :)