Community forum for knowledge and support

Updated last year

Sticky functionality issue with section layout

At a glance

Hi there,
I can’t make this layout work outside of the Body selector.
Each time I paste it inside main-wrapper the sticky functionality doesn’t work anymore.
I even tried to set main-wrapper as relative as a workaround, which still doesn’t work (same for the div-block that contains the left and right blocks)
https://library.relume.io/preview?cid=uncommon-components-2/section_layout419
Thanks in advance for a resolution on this.

M
G
3 comments

Would you mind sending a read-only link?

yeah you have overflow: none; for page-wrapper and you can't have an overflow none and position fixed/sticky instead of that div. Were you wanting overflow none for something specifically? We could try to resolve that issue instead. But yeah removing that setting from page-wrapper will immediately resolve your issue with that component.

It looks like that happened when you added navbar-on-page class to page-wrapper. Its not immediately apparent to me why that class is necessary. Try without it and see what happens?

Add a reply
Sign up and join the conversation on Slack