I am using Dawn theme.
I have a section and there I have a “custom css” place. Where I am writing @media-query … it show’s me an error
it says at-rules are not supported.
How can I bypass it ?
Thanks
https://pumpumrock-com.myshopify.com/pages/about
Thank you !
It is likely that the Theme you are using does not support the use of at-rules in custom CSS. At-rules are special CSS statements that define how the browser should behave under certain conditions.
However, there are a few ways you can bypass this limitation and achieve the same effect without using at-rules. One option is to use JavaScript to dynamically add or remove CSS styles based on certain conditions. Another option is to use different CSS classes or IDs for elements based on the device or screen size, and then apply the appropriate styles to those classes or IDs.
For example, instead of using an at-rule like @media (max-width: 768px), you could create a CSS class called .mobile and apply styles specific to mobile devices within that class. Then, using JavaScript, you could detect the screen size and add or remove the .mobile class from the relevant elements as needed.
Alternatively, if your website builder or theme supports it, you may be able to use their built-in responsive design tools to achieve the desired layout without custom CSS.
If you provide more information about the website builder or platform you are using and the specific effect you are trying to achieve, I may be able to offer more specific advice.
Hi, and thank you for your detailed reply.
As a developer, I prefer using the default Theme’s capabilities for styling, then if I can’t get what I want, CSS that I would use inside the Section / Block, and If not, on the global CSS and last, by using Js injection. That’s my thinking as a developer, for my client and for myself.
I would like to know about a website builder that could do more stylings that this theme allows me.
For examle, When I use Wordpress, I use Elementor for teaking the styling there. It’s a far more easy to do it, and you almost don’t need to style with CSS code.
If you have a good builder in shopify thats a very good news.. Something that many people use and it’s a good tool.
I currently use on this website Dawn theme and shopify only. Not a specific builder.
Hi, I’m not the store owner. I am fixing this shop styling 
hi, i am sorry to step in as i am new in this field and do have the problem that i want to adjust my desktop design to a pleasant mobile device design.
My theme “Focal” does not support at-rules in custom css.
The mobile version looks awefull - so i have to adjust it for the mobile use..
how can i adjust it when at rules are not been supported in an easy way - as I do have almost no experience.
thanks for any advice.