title: Materialize v1.0.0 hide-on-med-and-down not working in chrome
body: <p>hide-on-med-and-down works fine in firefox 68.0b1 and safari 12.1 which means that with a screen width &lt;= 992px my ul with the class .hide-on-med-and-down is not shown and when > 992px, it is shown as expected. As this menu appears in chrome with another code, it is seems not related to the chrome browser. </p>
  
  <p>BUT <strong>on chrome only</strong>, when the screen is > 992px, <strong>the content of the ul keep not showing</strong>! But with another</p>
  
  <p>I have tried the replace the class hide-on-med-and-down with show-on-large but the result is also unexpected (the ul keep showing on small screen).</p>
  
  <pre><code>&lt;nav class="teal"&gt;
      &lt;div class="container"&gt;
        &lt;div class="nav-wrapper"&gt;
         &lt;a href="#home" class="brand-logo"&gt;AMV&lt;/a&gt;
         &lt;a href="#" data-target="mobile-nav" class="sidenav-trigger&gt;
            &lt;i class="material-icons"&gt;menu&lt;/i&gt;
          &lt;/a&gt;
          &lt;ul class="right hide-on-med-and-down"&gt;
            &lt;li&gt;
              &lt;a href="&lt;?php echo URLROOT; ?&gt;"&gt;Home&lt;/a&gt;
            &lt;/li&gt;
            &lt;li&gt;
              &lt;a href="&lt;?php echo URLROOT; ?&gt;/pages/about"&gt;About&lt;/a&gt;
            &lt;/li&gt;
            &lt;li&gt;
              &lt;a href="&lt;?php echo URLROOT; ?&gt;pages/contact"&gt;Contact&lt;/a&gt;
            &lt;/li&gt;
          &lt;/ul&gt;
          &lt;/div&gt;
      &lt;/div&gt;
    &lt;/nav&gt;
  
  
          &lt;ul class="sidenav " id="mobile-nav"&gt;
            &lt;li&gt;
              &lt;a href="&lt;?php echo URLROOT; ?&gt;"&gt;Home&lt;/a&gt;
            &lt;/li&gt;
            &lt;li&gt;
              &lt;a href="&lt;?php echo URLROOT; ?&gt;/pages/about"&gt;About&lt;/a&gt;
            &lt;/li&gt;
  
            &lt;li&gt;
              &lt;a href="&lt;?php echo URLROOT; ?&gt;/pages/contact"&gt;Contact&lt;/a&gt;
            &lt;/li&gt;
          &lt;/ul&gt;
  
  
      &lt;script type="text/javascript" src="js/materialize.js"&gt;
      $(document).ready(function(){
      $('.sidenav').sidenav();
      }); 
      &lt;/script&gt;
  </code></pre>