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.
Thanks here it is: https://preview.webflow.com/preview/digitalfinest?utm_medium=preview_link&utm_source=d[…]8eb8483137&pageId=6571a0120f3a4ba3a46464bc&workflow=preview
You will notice the section in there 🙂
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?