I have created a menu overlay that contains interactions on both load in/out of 1st and 2nd click of the hamburger menu div.
The issue I am having here is that I want this action to be repeated every time a user selects the hamburger menu button. For whatever reason, the only thing that changes on the second attempt of opening my menu overlay is the icon changes back and forth between the hamburger icon and the ‘X’ (close) icon. The menu does not load, however. The IX works in the first click fine but seems to be disabled for future ‘clicks’. I have tried to ‘loop’ the effects but that doesn’t seem to have resolved the issue.
IX to review: ‘Menu Open - Desktop’ / ‘Menu Close - Desktop’
A separate issue I haven’t resolved as well is in the live preview of the site. The site has a solid fill from a div that is hidden within the designer. I’m not sure why this is the case.
Any help is greatly appreciated. Thanks kindly in advance!
Here is my public share link: https://preview.webflow.com/preview/cityglobal-ae63c4?utm_medium=preview_link&utm_source=designer&utm_content=cityglobal-ae63c4&preview=90bf429ae19152108cefbeb5bda392f2&mode=preview