title: Fixed background on mobile device
body: <p>I am having trouble setting the background of this page - <a href="http://troov.co/team/" rel="nofollow">http://troov.co/team/</a> (on a mobile device) so that the background image is fixed, and just the content scrolls down.</p>
  
  <p>At the moment, the background image scrolls down with the content, meaning that there's a lot of white space and so the text underneath the photos is not viewable.</p>
  
  <p>I've tried fixing the width and the height at 100% and putting <code>background-attachment: fixed;</code> </p>
  
  <p>Perhaps I'm putting it in the wrong place, but none of these solutions are working. Would really appreciate any help please.</p>
  
  <p>The CSS code is as follows:</p>
  
  <pre><code>.container-fluid.team {
    background-image: url(../images/bg_teampage.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%; 
  }
  </code></pre>