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).

.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;
}

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: http://bakemachine.com/travel/

How can I remove this issue? I am using the Hemingway theme and am new to wordpress development. Thanks in advance!

Read more here: WordPress – make background image cover 100% viewport height


Solution:

If you know the solution of this issue, please leave us a reply in Comment section, to update the question.


Wordpress related questions and answers: