Child theme - responsive.css

herstedt · November 2016

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 · November 2016

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!

herstedt · November 2016

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

Now it works. Thanks!!

Albert · November 2016

You're welcome!

Child theme - responsive.css

Comments