Adding a menu toggle button on small screens

[zachsmom]

Hi,

Love this menu, very nicely done! I seem to be hitting a wall on one small piece, likely something simple I’m overlooking.

I’m trying to re-do a site for my son here: http://zachmcdonald.net/2014/example.html

If you resize the browser window to say 570px total width the menu toggle button appears as intended. No matter what I change as far as the media query I can’t seem to figure out how to use the toggle button at a min width of 700px instead.

Any thoughts would really be appreciated.

Namaste
Julie

[admin]

Hi, as far as I can see, at the moment it’s toggled at 700px so I guess you’ve fixed it? The media query with the break point is in:

http://zachmcdonald.net/2014/css/sm-clean.css

[zachsmom]

First – thanks for the great script and response. Much appreciated! 🙂 It looks like that on the surface. What was struggling with was how to get it to respond to a wider width requirement. It seems like no matter what I set it to, 450px or 700px, the menu toggle button still shows up at the same consistent browser width. I thought it might somehow be related to the javascript as opposed to the css?

Thanks
Julie

[admin]

For me changing the width in the media query I mentioned does take effect (just tested in Chrome/Mac). Do you have the problem just on the Surface? And if yes in which browser/version?

[Author]

Posts