Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
I am attempting to create custom media queries. I have tried both adding my css to the child theme and using the edit css method. Neither is working. For the traditional route i added:
To the header.php associated with my child theme and added the following to my child css file:
@media (max-width: 680px)
body.responsive #primary, body.responsive #secondary {
width: auto;
float: none;
margin-left: -25%;
}
.entry-content h1 {
font-size: 2em;
line-height: 1;
text-transform: uppercase;
}
Sorry I meant to say:
For the traditional route i added:
To the header.php associated with my child theme and added the following to my child css file:
@media (max-width: 680px) body.responsive #primary, body.responsive #secondary { width: auto; float: none; margin-left: -25%; } .entry-content h1 { font-size: 2em; line-height: 1; text-transform: uppercase; }Hi Erik
If responsive layout is activated in Appearance > Theme Settings > Layout then it’s best not to add a second viewport meta tag to your child theme header.
Your media query is missing curly brackets:
@media (max-width: 680px) { /* <-- Open the media query */ /* My CSS selectors go here, as many as I'd like */ } /* <-- Close the media query */Hope that helps.