Hello, I am working on my first Webflow site. I am using Interactions 2.0 to create a modal menu that slides in and out on click (for all screens). I have the menu set to an initial state of 0% opacity and a negative pixel move. I think I have set something up incorrectly though. The menu is flashing on page load. How should I go about fixing this? I tried setting an initial state on page load in interactions, but that didn’t change anything. I’ve tested the issue in Firefox and Chrome. URL for public site is: katieschwarzdesign.webflow.io
I’d suggest trying one of two things or both. First I’d change the display setting to hidden that way your menu will be gone not overlaying your content. But you will probably need to update your onclick interaction so that the state changes to block or flex on the hamburger button click.
Thanks! The opacity did the trick. I am not sure why it didn’t occur to me to set the initial state in the style panel and not just in the interactions.