title: Menu-bar disappears when on mobile version
body: <p>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.</p>
  
  <p>So here is my media query code:</p>
  
  <pre><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;
    }
  }
  </code></pre>
  
  <p>Maybe I should add JavaScript? 
  Help!!</p>