One product per row only on mobile - by Kay

Solved1 reply2 participantsUpdated by Rose Tyler

  • Avatar: Kay
    Kay
    Participant

    How do we display only one product per row on mobile devices and 3 per row for all other devices on the shop pages? On mobile products look so much better displayed as 1 product per row rather than multiple products

    #247688 Copied Theme version: .6.3.9.1 WooCommerce version: 4.3.2

    1 Answer

    Avatar: Rose Tyler
    Rose Tyler
    Support staff

    Hello,

    Add the next code in Theme Options > Theme Custom CSS > Custom CSS for mobile:

    .products-grid .product {
    width: 100%;
}

    Regards

    #247691 Copied

The issue related to '‘One product per row only on mobile’' has been successfully resolved, and the topic is now closed for further responses