Docs

[TheUrbanRoomGroup]

Hey there!
I have something strange happening with the header on my site: http://irisglobalzim.wpengine.com
THe Header / nav bar is meant to load transparant untill a use scrolls down then a opaic background color shows up. The function is right,but when the page first loads there is a white background that I can’t get rid of.

Any help? (Scope out the site, it’ll make sense)

[Thai]

Hi There,

Please find this CSS under style.css locates in your child theme:

.x-navbar {
	background-color: : transparent;
}

And change to this:

.home .x-navbar {
	background-color: transparent !important;
}

Hope it helps 🙂

[TheUrbanRoomGroup]

Hey there!
Nah, didn’t fix the problem, even when I added it to the Customizer’s CSS.

[TheUrbanRoomGroup]

Also, this is a site-wide issue, not just the home page

[TheUrbanRoomGroup]

It’s strange, cause in the inspector (Chrome) this seems to be the issue:

.x-navbar, .x-navbar .sub-menu {
background-color: #ffffff;
}

But when I add this
.x-navbar, .x-navbar .sub-menu {
background-color: transparent!important;
}

into the customizers CSS nothing changes.

[TheUrbanRoomGroup]

And… After all that – turns out the problem was that white was assigned as the Nv bar background in the customizer (Not the custom css, but in the customizer options)

Problem solved.

[Thai]

Glad you’ve sorted it out 🙂

If you need anything else please let us know.

[Author]

Posts