Larger Top Bar taking space from Header Logo Agrea

Hi,

I’m having an issue where I’ve made the top bar larger, using CSS provided in this Forum in other places, and also increased the font size and centered the text. So now the top bar looks great, but it appears to be stealing the extra space from the logo header area and cutting off whatever is beneath the header, which appears to be up and behind the header. See screenshot: https://nimb.ws/RrGBfh

You can see on all pages that whatever is under header area is coming up underneath it, either the slider on the home page or the title bar is getting cut off if there is one, whateverr is right underneath the header. Here’s a page with a title bar: https://seekaquatics.com/my-account/ – and

Her’es the CSS I’ve used:

/*STYLE TOP BAR */
#header_meta {
min-height: 60px;
}

#header_meta .phone-info {
line-height:47px; font-size: 18px

}

#top #header_meta .phone-info {
left: 50%;
position: absolute;
transform: translateX(-50%);}

I have a coming soon page up so will provide credentials. Site home page is here: https://seekaquatics.com/