Dawn Theme, Editing custom css will not allow @media for responsive view

Store Design
, , ,
1 
@media only screen and (max-width: 600px) {
  .someClass {
    background-color: black;
  }
}

When I write this code on dawn theme at “CUSTOM CSS” it’s giving me an error

error message media query.jpg
error message media query.jpg260×208 14.7 KB

How can I bypass this?

2

@uriWebfusion - I think this custom css works as inline css, hence [email removed] queries are not allowed

if you want to add custom css then you can add this query in your css file

3

I will also add that I found the css file of the element that I wanted in the theme’s files and edited all there. It’s cleaner than write the global CSS file. Thank you anyway for your help !

4

I’m having this issue as well an image w/ text section. Which file specifically would I add the query? Is it component-image-with-text.css?

Will this query pertain to all image w/ text sections throughout my store? I only need it for this particular template page.