Menu icon Foundation
TOGGLE MENU NOT WORKING ON IPHONE

I am having so issues with this website and I am not too sure what is going on. I have been messing with it for days and for some reason nothing seems to be solving the problem.

I wrapped this site with Zurb and everything browser works great and on my windows phone I am getting the Mobile Toggle Menu just fine, but on the Iphone I get the full desktop menu. I don’t know where the issue is, I have tested all the javascript I could find and that doesn’t seem to be the issue. I am wondering if there is a stylesheet media query issue but I don’t even know where to start to work that out.

If you could please take a look and let me know what I am missing I would greatly appreciate it.

Here is the link to the website.
http://healthforcewny.com/

Please HELP

top naviphoneresponsive menu

I am having so issues with this website and I am not too sure what is going on. I have been messing with it for days and for some reason nothing seems to be solving the problem.

I wrapped this site with Zurb and everything browser works great and on my windows phone I am getting the Mobile Toggle Menu just fine, but on the Iphone I get the full desktop menu. I don’t know where the issue is, I have tested all the javascript I could find and that doesn’t seem to be the issue. I am wondering if there is a stylesheet media query issue but I don’t even know where to start to work that out.

If you could please take a look and let me know what I am missing I would greatly appreciate it.

Here is the link to the website.
http://healthforcewny.com/

Please HELP

Roland almost 5 years ago

Try adding the following between your head tags.

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">

The viewport meta tag tells the browser how to behave when it renders the webpage, you can tell it how big the viewport will be. The above defines that the width of the viewport will be the same as the device you are viewing the website on. The scale of the website will be set to 100% and the maximum scale is set to 100%.

More info:
https://developer.mozilla.org/en-US/docs/Mozilla/Mobile/Viewport_meta_tag