title: Removing HTML element on mobile view?
body: <p><strong>I am not using jquery mobile.</strong></p>
  
  <p>I built a template in WordPress and have a full width background that can be set to a different one for each page: Background_1.jpg = Home, Background_1.jpg = About, ens....</p>
  
  <p>This is what is loaded in the front end:</p>
  
  <pre><code>&lt;div id="bg"&gt;
      &lt;img id="background" src="images/Background_1.jpg" alt="background"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>So my problem is the following:</p>
  
  <p>When i get to the fluid grid layouts i would like to remove this element completely to speed up the load time.</p>
  
  <p>I also dont want to hide it, i want to remove the html when the window size is smaller than 600px.</p>
  
  <p>Has anyone done this before?</p>