Streaming live at 10am (PST)

Hamburger menu not rendering as expected in iOS Safari


#1

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)


#2

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

Any thoughts?


#3

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


#4

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


#5

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