Hello,
1) Try to add the next code in Theme Options > Theme custom CSS > Custom CSS for desctop:
.main-products-loop .products-list .product { display: flex; } .products-list { display: flex; flex-wrap: wrap; flex: 1; } .products-list .content-product { justify-content: space-between; display: flex; flex: 1; }
2) Theme Options > Theme custom CSS > Custom CSS for mobile:
.products-list .content-product .quantity-wrapper { width: 100% !important; justify-content: center; }
3) Yes, it is correct, because the List view shows 2 products for desktop, by default. You can change columns for the grid view only, for example, here is 3 columns – http://prntscr.com/11sgj33 5) Custom CSS for mobile:
.shop-full-width .main-products-loop .products-list .product { width: 50% !important; }
4) Theme Options > WooCommerce > Shop > Products style > Hover buttons on mobile
Regards
