Docs

[acritch]

I am trying to create a “Features” type page where I list features in a sidebar and the links jump to certain areas on the page. I’ve managed to get the sidebar to appear, populate, and link to sections of the page. The only thing I can’t figure out is how to get the sidebar to be static so it does not scroll with the rest of the page. Given the length of the sidebar it will need to scroll at some point, but it would be desireable to have it static when scrolling on the main body.

I did search the forums for this topic and I haven’t been able to find a solution that works as I’d prefer NOT to switch stacks.

I will include the page info in a separate post since it is in a Coming Soon mode.

[acritch]

This reply has been marked as private.

[Joao]

Hi There,

Please add this code at your Appereance / Customizer / Custom / CSS

.x-sidebar.right {
    position: fixed;
    right: 100px;
}

Hope that helps,

Joao

[acritch]

That worked perfectly! Thank you very much!

[Rahul]

You’re welcome!

[Stephan M]

Would this solution be responsive or require adding media queries to hide it at certain screen sizes?

[Thai]

Hi Stephan,

Would you mind providing us with your website URL so we can take a closer look?

Thanks.

[Author]

Posts