How to remove white line at bottom of nav bar on scroll

[Solidwebservice]

I’ve tried the following to remove the white line gap at the bottom of the header, but not having any luck:

.x-navbar-fixed-top-active .x-navbar-wrap,
.x-navbar {
margin-bottom: 0;
border-bottom: none;
box-shadow: none;
}

Brandon P. Donnelly, MD

Thoughts?

[jade]

Hi @Solidwebservice,

Were you able to get this sorted? I tried to check the site but I am not seeing any white line gap:

Kindly try to clear your browser cache and check again.

Thank you.

[Solidwebservice]

The gap is at the very top. It goes away on scroll…

[Prasant]

Hello @Solidwebservice,

Thanks for updating the thread.

On my end also I don’t see gap. Please see screencast. Please try clearing cache and see how it goes.

Thanks.

[Solidwebservice]

Thanks, seems like it’s a resolution issue. The line is there on my monitor (1920x1080). if I increase page size in chrome to 110% it goes away and decrease to 80% it goes away.
Thoughts?

[mldarshana]

Hi There @Solidwebservice

Could you please try adding the following CSS rule into your X -> Theme Options -> CSS area and that should resolve your issue.

.masthead.masthead-inline {
    background-color: rgb(0,64,128) !important;
}

Thanks!