How to Get Rid of Black Bar

[brockburwell]

I’ve been noticing a black bar appearing on my site above my header and I’m not sure why. Any suggestions on how to get rid of it?

[Prasant]

Hello Brock,

Thanks for reaching out.

Please remove this custom CSS code and black background should get fixed:

.dark-page .masthead {
    background-color: #000;
}

Thanks.

[brockburwell]

Thanks for the reply! I don’t think I explained it well, but I was looking to move the slider up so that it covered the black bar. I’m not sure how to do that. Thanks!

[christian]

Hey Brock,

Please try removing your Masthead override you’ve added in Theme Options > CSS which is this:

.masthead {
    margin-bottom: -100px;
}

Then, add this code in your home page’s Content CSS:

.masthead {
    position: absolute;
    width: 100%;
}

It’s important that you place it in Content CSS because the code should be applied to pages where you want to have the Navbar overlay effect. Otherwise it will cause a layout issue in your other pages.

To avoid doing that, I’d recommend that you upgrade to Pro as assigning a custom Header is very easy. It has native support for Navbar overlay effect too. Simply set the Bar’s Initial Position to Absolute.

Thanks.