Mobile webshop optimization - number of display per row and show title name and price

Site URL: https://psgparts.eu

Hi,

can somebody help me with optimizing my webshop on mobile.

I would like to show only 1-2 products per row with reasonable size, title and price are also shown under the product.

Template is Galapagos version 7.0

Please see attached photo of how it looks like at this moment. 

Add to Design > Custom CSS

@media screen and (max-width:640px) {
.collection-type-products.view-list.product-grid-style-fit .productlist-item {
    width: 50% !important;
    margin: 0 !important;
}
.collection-type-products.view-list.product-grid-style-fit .productlist-item:nth-child(2n+1) {
    clear: left !important;
}
img.productlist-image--main.has-alt-image {
    width: 100% !important;
    height: auto !important;
    top: 0 !important;
    left: 0 !important;
}
}