Return to previous page

1 column shop on mobile - by stephan - on WordPress WooCommerce support

This topic has 3 replies, 2 voices, and was last updated 4 years, 3 months ago ago by stephan

  • Avatar: stephan
    stephan
    Participant
    November 12, 2020 at 17:47

    Hello ,
    I want to display only 1 product per column in my shop/categories pages .
    If o change the settings from Xstore theme option , it changes and desktop . But i want 1 column only on mobile.
    Can you help me with that?

    #259238 Copied Theme version: .7.0.2
    2 Answers
    Avatar: Olga Barlow
    Olga Barlow
    Participant
    November 12, 2020 at 18:48

    Hello,

    Go to Theme Options > Custom CSS and add the below code

    @media only screen and (max-width: 480px){
    .products-grid .product {
        width: 100%;
    }
}

    Regards

    #259250 Copied
    Avatar: stephan
    stephan
    Participant
    November 12, 2020 at 19:24

    Thank you , that worked

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

The issue related to '‘1 column shop on mobile’' 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
Drinks Store – WordPress WooCommerce Theme
lazy-placeholder
Organic Store 02 – WordPress WooCommerce Theme
lazy-placeholder
Sidebar Boxed Store – WooCommerce Theme
lazy-placeholder
Furniture Store – WordPress WooCommerce Theme
lazy-placeholder
Fashion Store – WordPress WooCommerce Theme
lazy-placeholder
X-Phone Store – WordPress WooCommerce Theme
lazy-placeholder
Furniture Store – WooCommerce Theme
lazy-placeholder
Lifestyle Blog – WordPress WooCommerce Theme
lazy-placeholder
Underwear Store – WordPress WooCommerce Theme
lazy-placeholder
WooPress – Responsive Creative HTML5 Template

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.