I hope you are all doing well !
I have a problem with my Navbar
Few days ago, I couldn’t open the menu in the preview mode, but when I published the website on webflow.io it worked
Now, I can open the menu in the preview mode (it works well), but nothing appear when I’m on the published website webflow.io.
…I don’t understand anymore ! Is it a bug ? Is it me ? please help !
@Maud It’s not you! And I don’t think it’s a bug… just a funny way some browsers handle div dimensions or the lack thereof.
If you’re still experiencing this issue, I have two suggestions: in your NavMenu, give Div Block 21 a height that encloses all your elements. I’ve noticed that some browsers don’t like the main navigation div missing a height. Those browsers just won’t bother to show you what’s inside!
My other suggestion is to give your NavMenu a z-index of something like 10 or 20 to make sure it stays on top of all other content.
@Maud, just so I can try to replicate it, what browser are you using and on what platform (mac or pc)? I’ll take a closer look… these display issues are usually caused by some persnickety thing.
@Maud Since I can’t publish any changes I make, I’m not actually certain this is what’s causing the problem.
After further inquiry, I don’t think the problem is what’s showing in the summary.
Summary
Currently the Pop-Up-Container section is set to hidden, which I see is unhidden with an interaction within the nav menu. The Pop-Up-Container has a high z-index. Even though it’s set to hidden, I’m wondering if it’s preventing the nav menu from working. Just for testing’s sake, what happens if you make the top margin of this pop-up-container something like 8 or 12vh to push it down, away from the menu icon? Although an easier solution to see if that is indeed the problem is to delete the Pop-Up-Container entirely (after backing up of course). Or maybe safer: set the z-index for the pop-up-container to -1. Once published, can you interact with the hamburger menu icon or not? If it’s still not working, we can rule out the pop-up as the issue.
My SECOND suggestion is to define exactly where the Nav Menu 6 Div should appear. I’m sharing some screen shots as one suggestion. Obviously you’ll want to tweak the position to make it perfect. It acts like the menu IS working, it’s just not moving into the viewable window. In fact, the nav icon even turns grey, as defined for its open state.
Hi @LunarLight
Sorry for my late late answer …
The problem was the z-index as you said and also some custom codes I put on the project settings.
Thank you very very much for help !
take care