title: hide div class using @media in css
body: <p>I am trying to hide an email div class when the screen size is made smaller.  </p>
  
  <p>I have done this for a div class which includes a set of columns but can't hide a div class containing the logged in user's email address.</p>
  
  
  
  <pre><code>&lt;div class="cert"&gt;
      &lt;h1 class="certname"&gt;
          &lt;?php
          global $current_user;
          get_currentuserinfo();
          echo 'Hi, &lt;a href="https://vle.uxbridge.ac.uk/intranet/members/' . $current_user-&gt;user_login . '/profile/change-avatar/"&gt;' . $current_user-&gt;display_name . '&lt;/a&gt;' . "\n";
  
          ?&gt;&lt;/h1&gt;
      &lt;h2 class="certemail"&gt;
          &lt;?php
          global $current_user;
          get_currentuserinfo();
          echo '&lt;a href="https://outlook.office.com/owa/" target="_blank"&gt;' . $current_user-&gt;user_email . '&lt;/a&gt;' . "\n";
  
          ?&gt;
      &lt;/h2&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And the css:</p>
  
  <pre><code>@media only screen and (max-width: 300px) {
  .cert { display:none !important; }
  }
  </code></pre>