[Resolved] costumizer css in header suddenly not working

[imke]

Hi there,
everything was fine. I changed font-size of the menu and suddenly I cannot overwrite the following css any more:

@media (max-width: 1000px) and (min-width: 769px) {
.header-widget {display: none;}
}

@media (max-width: 768px) {
.header-widget {display: none;}
.top-bar {display: none;}
}

Very strange.
Definitely need some help.

[imke]

@media and (max-width: 768px) {
.top-bar .inside-top-bar:last-child {display: none !important;}
.top-bar {display: none !important;}
}
This definitely is not working – can’t find the mistake.

[David]

Hi there,

try this:

@media (max-width: 768px) {
    .top-bar {
        display: none !important;
    }
}

The problem with your original line: @media and (max-width: 768px) is the and its not required and it breaks that CSS.

[imke]

:))))) THANK YOU!!

[David]

You’re welcome

[Author]

Posts