Hamburger menu not rendering as expected in iOS Safari

[ilikewebdesign (Wilson Impson)]

Afternoon!

I have some issues with my navigation menu, and I’m quite stuck…

In the Designer preview, the mobile nav button pulls the navbar out as expected:

If you open the published page in the Chrome Dev Tools, it also works as expected.

Premier Urgent Care | Home (password: jasonmatt)

But when I pull the site up in Safari on iOS 11, the mobile nav button does not work as expected.

I have a feeling it’s something relatively simple, but I can’t seem to find it.

Thanks in advance!

Wilson

---

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

[ilikewebdesign (Wilson Impson)]

@PixelGeek, I think there have been similar issues before with the built-in Menu button…

Any thoughts?

Mobile Nav Menu - Not Working on Mobile Safari

Hi Everyone, I’ve built a few sites with Webflow, but I just discovered that none of the mobile navigation menus (sandwhich icons) work properly on mobile safari browsers. For example, if you check out the links below, you’ll see that the menus will not expand / dropdown when clicked. In fact, nothing happens at all when a user clicks. I created a very basic site with just the mobile nav to make it simple to identify the issue. Has anyone else experienced this or found a resolution? https:…

[PHRyan (Ryan Deshaies)]

Hello!

For now try removing the properties of the actual Navbar and instead put an inside wrapper in the Navbar and apply all of the styles to the wrapper.

-Ryan

[PixelGeek (Nelson)]

Hi @ilikewebdesign I noticed that you have a couple of styles that might be conflitcing with the way the pre-styled navbar works.

Try redoing the navbar from scratch:

[ilikewebdesign (Wilson Impson)]

Thanks @PHRyan & @PixelGeek!

Wound up just making separate Desktop and Mobile versions of the Navigation menu.

Not the greatest solution, but a solution none the less.

Cheers!

-Wilson