title: Wordpress - make background image cover 100% viewport height
body: <p>I am making a full page parallax image header for a wordpress blog. I have applied the following styles to the header image (I found out the css classes by inspecting it in dev tools).</p>
  
  <pre><code>.header {
      background: no-repeat center;
      background-size: cover;
      -moz-background-size: cover;
      -webkit-background-size: cover;
      height: 100vh;
      margin: 0;
      background-attachment: fixed;
      position:relative;
  }
  </code></pre>
  
  <p>Even after applying this images, I notice a hige white space below the image, once I scroll it down. You can see the issue here: <a href="http://bakemachine.com/travel/" rel="nofollow noreferrer">http://bakemachine.com/travel/</a></p>
  
  <p>How can I remove this issue? I am using the Hemingway theme and am new to wordpress development. Thanks in advance!</p>