Site logo

Archived topic

Sticky sidebar

10 replies · Started by Jitendra on December 4, 2021

Viewing posts 1–11 of 11

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 :)

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. :)

This archived topic is closed to new replies.