Archived topic

Last widget sticky in sidebar

3 replies · Started by Rebecca on January 31, 2022

Viewing posts 1–4 of 4

January 31, 2022 at 12:57 pm #2100564

Hello! I've read through other forum posts on making the last block/widget in my right sidebar sticky, but none of the solutions are working for me. Most recently I've used the code found here.

My site is only on staging right now, so providing a login in the private area below.

Thanks!
Becki

January 31, 2022 at 2:35 pm #2100627

Hi Rebecca,

You have this CSS which interferes with the sticky CSS:

html, body {
    overflow-x: hidden;
}

Once you remove the CSS, add the below CSS to make the last widget of right sidebar sticky:

.inside-right-sidebar > *:last-child {
    position: sticky;
    top: 80px;
}

February 1, 2022 at 3:21 am #2101113

Hi Ying, thanks so much! This fixed it.

Best,
Becki

February 1, 2022 at 10:57 am #2101742

Glad to help :)

This archived topic is closed to new replies.

Start building better websites today.