I started recently to customzie one site, but have one issue that dont know how to fix.
in Shop page on my URL
when try to open from smartphone there are too big gap between top, and between product categories i see this: See image
I tryed myself to remove that gap using this CSS:
.woocommerce ul.products li.product, .woocommerce-page ul.products
li.product { min-height: 420px !important; }
But seems that also affect Product Archives page, makes bad looking. How to add css for mobile only to fix that? Thanks in Advance.