CSS not hiding on mobile
Hi.
First of all I notice that for a CSS to take effect I need to write two time, like this:
#Top_bar a#search_button.has-input input {background-color: #D21034 !important; }
#Top_bar a#search_button.has-input input {background-color: #D21034 !important; }
But ok, problem solved.
But I really need to hide the banner_wrapper from mobile, but this not seems to work. When I try it out on Chrome F12's works well, but when I insert the code, takes no effect.
@media only screen and (max-width: 767px) {
#Top_bar .banner_wrapper {display: none !important; }
#Top_bar .banner_wrapper {display: none !important; }
}
Please advise.
Comments
you must have bugs in custom css section and that's why above css doesn't work. Just move above css into 1st line and you see that everything would be fine.