Archived topic

Sticky side bar (#left-sidebar)

3 replies · Started by Sam on January 14, 2021

Viewing posts 1–4 of 4

January 14, 2021 at 1:21 am #1618085

Hello, I came across this thread (https://generatepress.com/forums/topic/how-to-make-the-sidebar-static/#post-784512) and would like to adapt David’s CSS to work with the left side bar. I changed the code and updated the id to #left-sidebar but that results in the left side bar jumping to the right side of the page (the vertical sticky works though).

Any thoughts on how to correctly apply to the left side bar?

Also, is it possible to apply with a fall back to non-sticky behaviour for IE11?

thanks
Sam

January 14, 2021 at 4:24 am #1618228

Hi there,

go to Customizer > General and change the Structure to Flexbox. Then that CSS should work correctly.

IE doesn't support position: sticky, so just won't do anything ie. it won't be sticky :)

January 14, 2021 at 5:29 am #1618301

Ah ok, I hadn't had a chance to switch to Flex Box yet through fear of breaking the layout (we have quite a bit of custom CSS).

I'll have a look at that, thanks!

January 14, 2021 at 6:26 am #1618378

Let us know how that works out :)

This archived topic is closed to new replies.

Start building better websites today.