2 products + list View for mobile - by adwa

This topic has 3 replies, 2 voices, and was last updated 6 years, 5 months ago ago by Rose Tyler

  • Avatar: adwa
    adwa
    Participant
    July 6, 2018 at 17:15

    Hi,

    How can I change mobile view to:

    1- Two products side by side ( the current default is one )
    2- List view

    2 Answers
    Avatar: adwa
    adwa
    Participant
    July 6, 2018 at 17:17

    Sorry, I forgot to mention that the request is for “category” pages

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    July 9, 2018 at 09:13

    Hello,

    Please add this code in custom.css of parent theme or in style.css file of child theme:

    @media (max-width: 480px){ 
        .sidebar-position-without .products-grid.product-count-4 .product:nth-child(n) {
            width: 50%;
        }
        .archive.woocommerce-page .view-switcher {
            display: block !important;
        }
    }
    

    Regards

  • Viewing 3 results - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.