Menu help: full page menu

Design help General
1

Hi,
Looking for a little help with my menu: I set the initial state to hide, but I have to click on the menu twice to show the homepage I want to show initially.
Here are the interactions, just in case I’m doing something wrong here.

image
image240×514 16.2 KB

image

Here is my site Read-Only: https://preview.webflow.com/preview/woell?utm_medium=preview_link&utm_source=designer&utm_content=woell&preview=3cd01304fa84882497a725c0cc054ba8&mode=preview
(how to share your site Read-Only link)

2

If you want your menu to be closed on page load you should make it hidden as a default state then on first click you unhide it. Also you should remove all “initial states” from the second click - you don’t need it and it messes things up…

So essentially step by step you should do this:

  1. set “menu wrap” div to “hidden” (display:none)
  2. in the first click interaction remove the “initial state” step for menu wrap
  3. in the second click interaction remove all “initial state” steps

this should get it working

3

That works! Thanks for the help.