Return to previous page

2 products + list View for mobile - by adwa

This topic has 3 replies, 2 voices, and was last updated 5 years, 9 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

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

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

    #196264 Copied
    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

    #196321 Copied
  • Viewing 3 results - 1 through 3 (of 3 total)

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

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Electronics Store – WordPress WooCommerce Theme
lazy-placeholder
Online Courses – WordPress WooCommerce Theme
lazy-placeholder
Furniture Store – WordPress WooCommerce Theme
lazy-placeholder
Minimal Fashion 03 Store – WordPress WooCommerce Theme
lazy-placeholder
Spa – WooCommerce Theme
lazy-placeholder
Marseille04 – WordPress WooCommerce Theme
lazy-placeholder
Bike Store – WordPress WooCommerce Theme
lazy-placeholder
Skate – WooCommerce Theme
lazy-placeholder
Dokan Multivendor Marketplace – WordPress WooCommerce Theme
lazy-placeholder
NFT Crypto Marketplace – WordPress WooCommerce Theme

See All Templates

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