Removing the white space above the page header on both desktop and mobile screen

Hi,

I have searched the forum for a solution and none of the code I have copied and pasted has worked so I am hoping someone has a solution. I have removed the menu and logo from the top bar using the following code:
nav.main_menu{
display:none!important;
}
.logo img {
display: none;
}
.logo {
visibility: hidden !important;
}
.title_container { display: none; }
#header_main_alternate {
display: none;
}
But now I have a white bar at the top above the header. Nothing I have found so far removes it. Any idea how I can get rid of this so when people go to the site they see the banner as the absolute top of the page?
Here is a pic of the issue, notice the white space above the American Flag. That’s what I want to get rid of.

View post on imgur.com