Nav menu appears in preview mode but not when published

Hi everyone,

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 !

Website pulished : https://greengot-test-1cce3876ea75f3c9eb4d68247.webflow.io/

view only link : https://preview.webflow.com/preview/greengot-test-1cce3876ea75f3c9eb4d68247?utm_medium=preview_link&utm_source=designer&utm_content=greengot-test-1cce3876ea75f3c9eb4d68247&preview=0386f40aa14d702ffd532b097459dfff&mode=preview

Thank you for your time and answer,

Best,

Maud


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

@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.

Hi @LunarLight

thank you for your help !

I did what you said and unfortunately it is still not working on the published website … :confused:
https://greengot-test-1cce3876ea75f3c9eb4d68247.webflow.io/

I start to be desperate…

Do you have any other clue to fix that ?

Best

Maud

@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.

Hi @LunarLight
Thanks !
I use a mac with chrome and Safari :slightly_frowning_face:
Thank you so much for your help !

@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.

Screen Shot 2020-03-10 at 7.19.11 PM

I wish I could test this on my end so I’m not sending you on a wild goose chase.

@Maud Looks like you got it working! Curious what the issue was?

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

1 Like