Bug in Additional CSS? @media (max-width:

Hi, @temporalnaut

I tested your CSS snippet and everything that is included in the block applies to all widths and rules overwrite in a bad way.

According to https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries#combining_multiple_types_or_features

combining features in @media should look like this:

@media only screen and (max-width: 480px) and (orientation: portrait) {

   .elementor-element .elementor-wc-products .woocommerce[class*=columns-] ul.products li.product { 
    margin-bottom: 20px !important;
   }

}

Also this might help you: https://www.w3schools.com/cssref/css3_pr_mediaquery.asp

I’m pretty sure this is not a WordPress core issue. If you’re using the correct selectors and you still have issues, you’ll want to contact your theme developer – that’s controlling how your website looks.

Hope this helps,
Kind regards!

Thank you, you’re right they were selectors, I set it according to your example and it works properly.