header on mobile height

RockitFX

Hi,
The header on my site is quite large on mobile only, Im trying to figure out how to reduce it only on mobile.
Ive tracked down the code to below, but I dont know how to properly add it to custom css to make the value lower. The page is http://www.carolineradice.com/contact/

@media (max-width: 767px){
	body #Header {
	 min-height: 150px !important;
	} 
}

Pablo

Hi,

Your code was almost good, you were missing the closing and opening brackets at the @media querie and 'only screen' rule was not necessary.

I updated your code above, it will work now fine.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

RockitFX

Thanks Pablo, as always!