Categories on main shop page have different breakpoints that products

Hi @Martin,

Please try adding this custom CSS under XStore > Theme Options > Theme Custom CSS > Global CSS:

@media (min-width: 768px) and (max-width: 1024px){
    .category-grid.col-sm-3 {
        width: 50%;
    }
}

Kind regards,
The 8Theme Team

Dear @Martin,

It’s default bottom margin from WooCommerce plugin.

To remove that margin, please also add this custom CSS code:

@media only screen and (max-width: 480px) {
    .products-grid .product-category {
        margin-bottom: 0 !important;
    }
}

Hope it helps!

Hi @Martin,

The bottom margin of the category items is causing the border issue.

Please add the custom CSS code provided above; this will resolve the problem.

https://prnt.sc/dbHiypARIR9W

Best regards,
8Theme Team