How to remove unncessary white space

Question

I followed a tutorial for parallax scrolling with pure CSS (link: http://callmenick.com/post/simple-parallax-scrolling-effect ) and it seems to be fully working after implementation. The problem is, there is a white space between my site header/nav and the body which I don't know how to remove.

The link is here; I put my site header background color to red to make it more visible: http://cindy-li.com/

Any ideas what could be causing this? Thanks in advance!

Answer 1

导致问题的<h1>Serene<h1> -检查您的CSS

Answer 2

It's the margin set on the h1 tag containing the word "Serene" at the top of the page. You can either remove the margin from that tag, or set overflow: hidden on its parent and find another way to center the text.

Answer 3

set margin-top: 0; on <h1>Serene</h1>