Z-index formatting issue

[gobeyondesign]

I have a white bar that I can not get rid of no matter what I do. It is under the top header image that creates a jagged edge look and the top parallax.

http://polaris.dance/index.php/administration/

[friech]

Hi @gobeyondesign,

Thank you for writing in, that white bar is part of your custom separator image, you need to crop that image and remove the white portions.

Then set that image as the navbar’s background-image that is set to bottom.

header .x-navbar-wrap .x-navbar-inner {
	background-image: url(IMAGE URL HERE);
	background-size: 100%;
	background-position: bottom;
	background-repeat: no-repeat;
}

That way you won’t be needed the unnecessary Content Band/Widget area on the page.

You also need to set a proper height to your header (Theme Options > Header > Navbar Top Height)

Hope it helps,
Cheers!

[gobeyondesign]

Update, I think I figured out what you wanted me to do, I need you to tell me how to remove the dark blue border line that shows up at the bottom of my header now. With me trying to create the illusion the jagged edge - its not working for me

Michele

[rad]

Hi Michele,

Sure, please change it to this

header .x-navbar-wrap .x-navbar-inner {
    background-image: url(http://polaris.dance/wp-content/uploads/2019/04/top-bar2-2.jpg);
    background-size: 100%;
    background-position: center calc(100% + 1px);
    background-repeat: no-repeat;
    padding-bottom: 30px;
}

Thanks!