Header displays black

[inouheideman]

Hi,

I’m currently rebuilding our website with X Theme, but I’m experiencing some problems with the background of my header and don’t know where to find the solution.

When you go mobile to our website: www.passie-precisie.nl you see a black header (actually where the logo is in, but I uploaded the logo with a transparant background).
In the event that you go to the homepage with a desktop or laptop, you experience no problems there. But when you go to another page of the website I experience the problem again (as an example: https://passie-precisie.nl/markt-medical/ ).

I want to have the header with a white background on the whole website, so that it displays white with every device and on every webpage.

Any idea how I can solve that?

Thanks in advance!

[nabeel]

Hi @inouheideman,

Thank you for reaching out to us. I checked your site and the issue you’re having is due to the custom CSS you’ve added in Theme Options > CSS and in Appearance > Customize > Additional CSS. Please go to both of these locations and remove the following code:

.x-logobar, .x-navbar {
    background-color: #000 !important;
}

Don’t forget to clear all caches including your browser’s cache after removing the code. Let us know how this goes!

[inouheideman]

Hi @nabeel,

Thanks for your reply! It worked!

[tristup]

Hi @inouheideman,

Glad that we are able to help you out.

Thanks