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.

Read more here: How to remove gap between product categories in WooCommerce Shop?


If you know the solution of this issue, please leave us a reply in Comment section, to update the question.

Wordpress related questions and answers: