Return to previous page

Shop page product columns on tablet view

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

  • Avatar: aryandco
    aryandco
    Participant
    May 4, 2021 at 12:24

    Hi, how can I change the product columns on shop page on tablet view?
    By default it´s set 2 columns but I need to change it to 4 columns. I´ve tried to change it in Theme options – Woocommerce – Product Catalog but it doesn´t change.

    #286303 Copied Theme version: 7.2.7 WooCommerce version: 5.2.2
    1 Answer
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    May 5, 2021 at 07:01

    Hello,

    Theme Options > Theme custom CSS >Tablet:

    .products-grid .product {
    width: 25% !important;
}
.products-grid .product:nth-child(2n+1) {
    clear: unset !important;
}
.products-grid .product:nth-child(4n+1) {
    clear: both !important;
}

    Regards

    #286370 Copied
  • Viewing 2 results - 1 through 2 (of 2 total)

The issue related to '‘shop page product columns on tablet view’' has been successfully resolved, and the topic is now closed for further responses

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Interior Store – WooCommerce Theme
lazy-placeholder
Animals Store – WordPress WooCommerce Theme
lazy-placeholder
Industrial Power Tools Store – WordPress WooCommerce Theme
lazy-placeholder
Minimalist Outfits – WordPress WooCommerce Theme
lazy-placeholder
Application – WooCommerce Theme
lazy-placeholder
Home Decor Store – WordPress WooCommerce Theme
lazy-placeholder
Real Estate – WordPress WooCommerce Theme
lazy-placeholder
Luxury Jewelry Store – WordPress WooCommerce Theme
lazy-placeholder
Boxed Store – WooCommerce Theme
lazy-placeholder
Fishing – 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.