Child theme - responsive.css

herstedt

Hello,

I tried to make modifications for "only screen and (max-width: 767px)" in css in child theme style.css but they effect also desktop css. How can I make changes in child theme to the "max-width: 767px" without changing the responsive.css file. 

Please advice. Thanks!

Daniel

Albert

Hi,

To make css changes only on mobile using child you can paste this example code in betheme-child/style.css file:

@media only screen and (max-width: 767px){
#Subheader .title {font-size: 19px !important;}
}

Sometimes it's necessary to use the !important

Thanks!

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

herstedt

Thank you. I tried that but it was not working without !important

Now it works. Thanks!!

Albert

You're welcome!

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