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: https://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!