[Support request] Sticky sidebar not working with generateblocks

[Marc]

I’m trying to “stick” a GenerateBlocks container element to my sidebar and it’s not working. My css is:

@media(min-width: 769px) {
#right-sidebar .sticky-container {
position: -webkit-sticky;
position: sticky;
top: 0px; /* offset from top of screen on scroll */
}
}

I’ve given the generateblocks container a class of sticky-container.

[Ying]

Hi Marc,

In order to make the CSS work, you’ll need to switch to flexbox from float at customizer > general.
Let me know if you need further assistance 🙂

[Marc]

Thanks. I made that change but still did not work. Do I need to set a 100% width to inside-right-sidebar?

[Ying]

I just checked your site, it’s still using floatstructure.

I think there’s some kind of cache needs to be cleared.

[Marc]

I cleared the cache. Still doesn’t work. I did get it to work with 100% height to inside-right-sidebar. Is that the right way to do it?

[Ying]

Yes, it’s now using flexbox.

And yes, set inside-right-sidebar‘s height to 100% is correct 🙂

[Author]

Posts