Mobile Menu Issue

[HeliumVideo]

Hi all,

I’ve been stuck on a glitch on my new web design. The mobile menu works perfect on my android phone, iPhone. That said, on the iPad mini in portrait the sandwich icon is gone, and the menu is in it’s open state. It’s also almost like the menu is open but invisible.

I’ve tried using chrome and safari to test at different resolutions and I cannot replicate.

The link is http://heliumvideo.com/

[PaulOB]

At line 705 approx of your css you have this rule:

@media screen and (min-width: 768px) {
  .menu-toggle {
    display: none;
    }

Try adding 1 pixel to it.

e.g.

@media screen and (min-width: 769px) {
  .menu-toggle {
    display: none;
    }

@HeliumVideo

I’ve tried using chrome and safari to test at different resolutions and I cannot replicate

I can replicate it on the desktop if you move the window to 768px width and then the hamburger disappears. If you then move it a bit smaller it re-appears again.

[HeliumVideo]

Cannot believe it was that simple. You are the best PaulOB.