Menu-bar disappears when on mobile version

Question

When I refresh my website on the phone my responsive design (menu bar) is not working. Not working like disappears... It's just gone. Only menu bar.

So here is my media query code:

@media all and (max-width: 800px), 
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px),
only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px),
only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px),
only screen and (min-resolution: 192dpi) and (max-width: 1024px),
only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
  #cssmenu {
    background: black;
  }
}

Maybe I should add JavaScript? Help!!

Answer 1

It's the display none on line 224 in your css code. Remove it and you should be good.

#cssmenu > ul {
    display: none;
}