Hamburger menu not rendering as expected in iOS Safari

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.

https://www.premierucclinic.com/old-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)

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

Any thoughts?

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

1 Like

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:
CloudApp

1 Like

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

1 Like