Tagged: child stylesheet, quick css, style.css
I added the following to my Enfold Child Quick CSS
@media only screen and (max-width: 767px) {
.breadcrumb{ display: none !important; }
Subsequently, I decided to move it to my Enfold Child’s stylesheet (Enfold Child > Style.css), but it does not work. Why? Also, I deleted the code from Quick CSS. What am I missing? Thank you.
Hey envatojlc!
It should look like this.
@media only screen and (max-width: 767px) {
.breadcrumb{ display: none !important; }
}
If it still does not work then it could be you have a typo somewhere in your child theme stylesheet or your using a caching plugin that needs to be refreshed.
Regards,
Elliott
Thank you. It worked.