Sticky element disappears at the bottom of the parent element

Design help Layout & Design
1

Hi guys!
I have a problem to “keep” sticky my navbar, it disappears at the end of the parent element.
Any ideas how to solve this?

Here is my site Read-Only: [LINK](Webflow - Nuuk Lamps)
(how to share your site Read-Only link)

2

Hi Viktoria,

I’d recommend doing the following; move your ‘Container 24’ outside of the header section, so the parent element is the body and change it to ‘Fixed’ positioning, as shown in the image.

Screenshot 2023-03-03 at 16.30.08

I’d then remove the top margin from your ‘Container 10’ element and set your hero section to display: flex.

Then I’d add a bit of left and right padding to your navbar container, just to constrain the width a bit!

Let me know how you get on.

1 Like
3

Thanks a lot @_Mason, it is working perfectly now! :slight_smile:
I don’t know why I thought I have to use sticky position to make the element visible during the scrolling!