title: Hide content for mobile
body: <p>I've been trying to hide something that looks weird in the mobile version of my site. I can't remove it since it use resources from the desktop version of the site so if I remove it would disappear from the desktop version.</p>
  
  <p>I tried to hide it using CSS by using this code,</p>
  
  <pre><code>@media only screen and (max-device-width: 480px) {
      .HideMobile{
          display:none;
      }  
  }
  </code></pre>
  
  <p>So, my question is. Is there any better way to do this? I'm trying to hide a PHP code from mobile platforms.</p>