Logobar stopped listening to CSS

[Weblingo]

Hi team,

I am working on a client site and have probably the stupidest and smallest problem, but it’s driving me nuts! I am using X–>Integrity–>Integrity Light, and had the simplest piece of line in custom CSS to tell the stacked header to be black and show no border between the site name and the navbar, like this:
.x-logobar {
border-bottom: 0px;
background-color: rgb(0,0,0);
}

This worked well until yesterday and I cannot root out what has happened. Deleted all custom CSS and JS I had, disabled all plugins except for Cornerstone but nothing helped. If I switch the header to inline, the bg is black, but when stacked as the client wants it, the bg is white and nothing I do will change it. What the heck happened?

[friech]

Hi Weblingo,

Thank you for writing in, first, please CLEAR all your caching plugins/features and deactivate it for awhile to make sure this is not a caching related issue.

Then check all your custom CSS here, not only on Theme Options > CSS but also on Element’s CSS areas (if any) and address all found errors.

If the issue persists, please provide us login credentials in a secure note so we can take a closer look.

Cheers!

[christopher]

Hi @Weblingo,

Whenever you set the header to the stacked mode, the border is added into the Navbar element. So you need to add the code below to X > Theme Options > CSS:

.x-navbar {
    border-bottom: none;
}

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar:

https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial:

https://www.youtube.com/watch?v=yfoY53QXEnI

Thank you.