Hey! I created a custom animated burger icon using interactions within a default navbar symbol but for some reason the first click is not changing the icon state when viewed on my phone.
The weird thing is that It appears to work fine when I tested it from my laptop in Webflow preview mode across device breakpoints, and even when inspecting different devices on Google Chrome.
But when i view the live site on my iPhone 5SE clicking the burger icon triggers the dropdown menu but the burger icon doesn’t change. Clicking again to close the menu does trigger the burger icon to change. It appears the first click isn’t being recognised but I cannot recreate this in preview mode within webflow.
Can anyone help?
Here is the live site to view on your phone https://www.bestofproducthunt.com
Here is my public share link to the Webflow project: https://preview.webflow.com/preview/best-of-product-hunt?utm_medium=preview_link&utm_source=designer&utm_content=best-of-product-hunt&preview=2eb18022a23e16757a2dee32d2da2c14&pageId=5e0787eaed2a271f586ef112&mode=preview