wellerdesign on "How to remove small gap below heading image."

I'm trying to remove the thin gap below the heading on all pages of my website.
This is the website I am working on: http://www.wellerdesignstudio.com
The theme I am using is called 'Edge'.
There is a thin gap beneath the menus: 'About Portfolio Contact'.
I read in another post to try editing the CSS with 'simple custon css' widget with:

#content {
padding: 0;
}

This did bring the content up but there is still a small gap left.

Thanks in Advance!

Is this what you want?

#content .page-header{ display: none;
}

Thanks so much, it worked! One more question, what is the code for this to just be applied to the homepage?

Try this

body.home #content .page-header{ display: none;
}

Thanks so much Navel, really appreciate it!

Works perfectly :)