Line under phone number in header

Hi, i’m trying to remove the line that appears between the logo and the phone number at the top of the page.

I have tried this
#header_meta {
box-shadow: none;
}

#header_main {
border-top: none;
}

from another thread, but it only removes the line once I start scrolling. But when i start scrolling, i get a different problem, the background of the top bar seems to come over the logo so the logo is cut off.

Thanks for any help.