Nav completely disappears on mobile, can't get it to show

Design help General
1

HI there - Seem to have perfected the menu on desktop and tablet, but on mobile and mobile landsscape it doesn’t appear at all. I’ve changed auto to relative, i’ve tried creating a new navbar and draggin/copying the original elements in, and it not only continues to not show, but it doesn’t respond to styling edits and remains a white gray color on top of my normal sections.

I have a hunch this is due to a custom element that triggers a full page menu on desktop/tablet but not 100%. I’ve attached screenshots of the funkiness it shows in the designer as well.

https://preview.webflow.com/preview/the-round?utm_source=the-round&preview=78e3d5762ffc603c6e0b8a0ad3480b8f



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

1 Like
2

Hello @Taylor_made48

Looks like you navbar is set to display none. Go to the mobile breakpoint > click on the navbar symbol > go to the styles panel > make it display flex or whatever works for you.

Piter :webflow_heart:

1 Like
3

Hi Piter. Thanks for taking a look. You’re looking at “SiteNavigation” - a symbol we’d like to retain that we’re not using right now. Hence the display none.

The one we’re trying to appear is “Navbar-interactive” which is set to flex. And still not showing up with the white background in those screenshots. Can you take another look?

https://preview.webflow.com/preview/the-round?utm_source=the-round&preview=78e3d5762ffc603c6e0b8a0ad3480b8f

1 Like
4

Okey, the problem is that you’re using the old device show/hide function. Here’s a screen record > https://www.useloom.com/share/b04d18fdb14f4275a61d1f7d4977c7a8

When you set to show for mobile the old device show/hide icons will disappear. If you want to hide something just use the display property hide.

Hope this helps :webflow_heart:

1 Like
5

Thank you Piter, that solved it. Thanks a ton for your screen record as well.

Brilliant.

1 Like