Nav bar not showing when published

Hello
Does anybody knows why my navbar not showing on tablet and mobile when published. Its okay when I preview


Here is my site Read-Only: https://preview.webflow.com/preview/lulo2?utm_medium=preview_link&utm_source=designer&utm_content=lulo2&preview=41ae0f1734630b01b8df056392f6b7f2&workflow=preview

Hi @ove_leheste, thanks for your post.

It would help to take a look at the menu on the published site, do you have a link to published page where the menu is not showing on mobile?

Note: In the designer the mobile navbar appears to be showing on my end.

Thanks in advance

thanks for reply.

In the designer the mobile navbar also appears to me. But on published page it doesn’t show.

https://lulo2.webflow.io/

I need to add that I got separate navbars for desktop and mobile

@cyberdave help needed lol

Hi @ove_leheste, on the published site, it looks like there is some negative margin affecting the rendering on tablet and lower viewport, I would remove this -4px negative margin:

Shared with CloudApp

The problem also might be related to having overflow hidden set on the nav_component-p class from the designer:

Shared with CloudApp

I would first try removing the top -4 margin from the logo. wrapper, then republish and if the issue persists, try removing the overflow hidden from the nav_component-p class.

I hope this helps!

thanks, removing the negative margin worked!

1 Like

This topic was automatically closed 24 hours after the last reply. New replies are no longer allowed.