If you want to prevent Product Categories overlapping on your Shop page,feel free to copy styles below and paste straight into WordPress Customizer’s Additional CSS field:
/*-------------Product categories overrides-------------*/
ul.products li.product-category {
width:25%!important;
text-align:center!important;
}
ul.products li.product-category h3 {
font-size:17px!important;
}
ul.products .product-category img {
width:100%!important;
height:auto!important;
}
.product-category .count {
background:transparent !important;
}
@media(max-width:480px) {
ul.products li.product-category {
width:50%!important;
text-align:center!important;
}
ul.products li.product-category h3 {
font-size:22px!important;
}
}