title: Problems with wordpress on mobile devices
body: <p>I'm having some troubles displaying my first websites on mobiles devices. When the device is vertical, the website background image does not fit the entire screen i've tried with the background-size: 100% 100% rule but does not work either. This is my css right now:</p>
  
  <pre><code>background-attachment: scroll;
  background-image: url("http://qubik-design.co.nf/wp-content/uploads/2015/07/rsz_intro-bg4.jpg");
  background-position: left top;
  background-repeat: no-repeat;
  background-size: 100% auto;
  </code></pre>
  
  <p>The last trouble is the footer. It does not stick to the bottom of the screen even on some PC. This is the css:</p>
  
  <pre><code>&lt;footer id="colophon" class="site-footer" role="contentinfo"&gt;
  
  #colophon {
      background: #000 none repeat scroll 0 0;
      color: #ffffff;
      opacity: 0.8;
      padding: 20px;
  }
  </code></pre>
  
  <p>I tried with bottom:0px but does not work and this is all.</p>
  
  <p>Thanks in advance.</p>