Archived topic
costumizer css in header suddenly not working
4 replies · Started by imke on August 1, 2022
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.
@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.
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.
:))))) THANK YOU!!
You're welcome