Archived topic

Right sidebar sticky

3 replies · Started by ammgbr on February 26, 2023

Viewing posts 1–4 of 4

February 26, 2023 at 12:25 pm #2547756

Hi, is there a css to make the right sidebar (link below) sticky?

Ideally, I would like to avoid having to use a plugin if possible.

February 26, 2023 at 6:28 pm #2547966

Hi there,

Try this:

@media(min-width: 769px) { 
    .inside-right-sidebar {
        position: sticky;
        top: 80px;
    }
}

February 27, 2023 at 3:05 pm #2549280

Thank you.

I set the sidebar on the left and changed the css accordingly.

The sticky works but notice this distorts the alignment of my content.

Is it possible to have instead the left sidebar moving further to the left while the main content remains aligned in the centre of the page?

February 27, 2023 at 3:58 pm #2549315

Is it possible to have instead the left sidebar moving further to the left while the main content remains aligned in the centre of the page?

The sidebar can only be within the content container which is 1200px in your case.

So no, it can not go to more left unless you increase the content container width, but it will change your entire site's layout.

This archived topic is closed to new replies.