Mobile nav issues (weird floating block, menu stuck open)

Hi, I’m trying to build a mobile nav following Webflow’s tutorial and for some reason I am running into these two issues:

  1. There seems to be a block/part of the menu floating before I click to open it in Preview mode, even when the menu is set to 0 in terms of size
  2. I have no idea how to make the menu go away so I can work on designing other things.


Here is my public share link: [LINK][1]
([how to access public share link][2])

Hi. Here are some of my thoughts about it:

  1. Floating Block Issue: This could be a styling or visibility issue. Make sure that your menu’s initial state is set to ‘display: none’ or ‘opacity: 0’ in your style settings. This way, it won’t appear until triggered.
  2. Menu Stuck Open: To work around this, you can temporarily adjust the Z-index of the menu to a lower value or set its display to ‘none’ while you’re working on other parts of your design. Just remember to revert these changes when you’re done.

If you continue to face difficulties, feel free to share a bit more detail or screenshots, and I’ll do my best to provide more specific advice.

Good luck!

1 Like