Custom CSS for mobiles is not working

edited September 2018 in Other
Hi!

I'm trying to reduce the height of the header in pages where there's not a slider (actually all but the home page) but only for mobile devices since bigger screens shows a proper height.

image  


For that I am including this code at the Custom CSS & JS section.

@media only screen and (max-width: 767px)
body:not(.template-slider):not(.header-simple) #Header {
min-height: 118px !important;
}

But the code is not even appearing in the inspector.

image


What's wrong? Thanks!

Comments

Sign In or Register to comment.