Return to previous page

Display 1 thumbnail instead of 2 in mobile shop

This topic has 2 replies, 2 voices, and was last updated 4 years, 10 months ago ago by John Holden

boobeeboo

Participant

January 15, 2020 at 05:03

Hi

Currently, the mobile shop displays 2 products per row. How to have it 1 product per row instead? Thanks!

#228294 Copied Theme version: 1.5.5

1 Answer
John Holden

Support staff

January 15, 2020 at 07:14
Hi,

Add below code to Theme Options -> Theme Custom CSS -> Custom CSS For Mobile (0 – 480px)
```
     .product {
         width: 100% !important;
     }

    .product-details .add_to_cart_button.btn {
        max-width: 100%;
        font-size: 10px;
    }
```
Regards,
Hung PD
#228298 Copied
Viewing 2 results - 1 through 2 (of 2 total)

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

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder

Interior Store – WooCommerce Theme

lazy-placeholder

Hipster Store – WordPress WooCommerce Theme

lazy-placeholder

Royal – WooCommerce WordPress Theme

lazy-placeholder

Language Courses – WordPress WooCommerce Theme

lazy-placeholder

Fishing – WooCommerce Theme

lazy-placeholder

Plumbing Store – WordPress WooCommerce Theme

lazy-placeholder

Grocery Market – Multivendor WP WooCommerce Theme

lazy-placeholder

Bags Store – WooCommerce Theme

lazy-placeholder

Marketing – WordPress WooCommerce Theme

lazy-placeholder

Classic Fashion Store (Dark) – 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.