title: Display a different logo on mobile and desktop?
body: <p>I'm looking to change the logo on my header on a mobile. This is the code from the current header that shows up on both the desktop and the mobile (on desktop it's the link back to the home screen). Is there any easy way of changing it on just the mobile version?</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div id="mainlogo"&gt;
  &lt;a class="main logo" href="http://sheisbiddy.com/home/" title="Main Logo" alt="main logo"&gt;
  &lt;img src="http://sheisbiddy.com/wp-content/uploads/2016/01/SHEISBIDDY-main-logo-smaller-6.png" border="0" alt="" /&gt;
  &lt;/a&gt; 
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>#mainlogo {text-align:center;}
  </code></pre>
  
  <p>Appreciate it guys!</p>