How to view 1 product on mobile ? - by Domenico

Solved4 replies2 participantsUpdated by Rose Tyler

  • Avatar: Domenico
    Domenico
    Participant

    how to display one product per row on mobile devices ?

    #270028 Copied Theme version: 7.2.3 WooCommerce version: 4.9.1

    4 Answers

    Avatar: Rose Tyler
    Rose Tyler
    Support staff

    Add this code in Theme Options > Theme Custom CSS > Custom CSS for mobile:

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

    Regards

    #270033 Copied
    Avatar: Domenico
    Domenico
    Participant

    I did it but it doesn’t work

    #270037 Copied
    Avatar: Domenico
    Domenico
    Participant

    i use
    .products-grid .product {
    width: 100% !important;
    }

    #270038 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff

    I am glad that you sorted it out.

    Regards

    #270041 Copied

The issue related to '‘How to view 1 product on mobile ?’' has been successfully resolved, and the topic is now closed for further responses