Sticky menu issue but no overflow hidden

Design help General
1

Hi all,

I got a problem where my sticky menus are no longer sticky. Now I have been digging up any possible solutions, but all I get is that overflow hidden in a parent element is causing this problem… but I don’t have any overview hidden. And it has been working perfectly fine until now.

Anybody out there that knows what is causing this?

https://preview.webflow.com/preview/husafell-resort?utm_medium=preview_link&utm_source=dashboard&utm_content=husafell-resort&preview=d4a33b852d93aa968e494d3dbe606396&mode=preview

Thank you!

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

2

Hello @Marcel_Deelen,

Is this problem only happening on the published site? because on the preview your sticky menu works for me. And when you say menus, plural, do you refer to your main menu and the container above that?

3

Thanks for helping out Pablo. Yes it is working in preview but not in the published one: husafell-resort.webflow.io
And when I was saying that I have more then one sticky menu, I meant also on other pages. Like under activities and in the hotel page under accommodations.

4

@Marcel_Deelen got it, try to change container-1380 to overflow hidden, publish it and see if it works. The problem is that there are elements that go outside the width of the page and if that is the case the sticky element doesn’t work. Please let me know if this helps.

5

Nope that did not make any difference. I think we are dealing here with some weird bug.

6

Hello @Marcel_Deelen, I think so too, specially since it was working before and then it stopped. You should contact support then they will be able to help you further Webflow Customer Support | Webflow University Good luck!

1 Like
7

For anybody from Webflow helpdesk listening in.
I have taken out all the custom code to see if that is where the problem lies, but nope. The menus still don’t stick.

To add to the discomfort. When you go to this page
https://husafell-resort.webflow.io/accommodation/hotel-husafell
And you anchor click down to “Dining” the menu bar for the hotel is not visable but if you go with your mouse to the top of the window you see that the links of the menu are actually there!

This is some very weird crappy crap.

8

@PixelGeek Hi Nelson, do you have any idea what is going wrong here?
I am about to bypass sticky and do it in the old way of showing and hiding menu bars… but really don’t want to go that path.

9

okay, I found the problem. It was one line of custom CSS code in the homepage.

html, body {
height: 100%;
}

Without that it works as it should

2 Likes