Return to previous page

Shop page mobile version - by adi3fu - on WordPress WooCommerce support

This topic has 5 replies, 3 voices, and was last updated 2 years, 9 months ago ago by adi3fu

  • Avatar: adi3fu
    adi3fu
    Participant
    July 22, 2021 at 08:19

    Hi I need to show only one column of products in mobile view ( shop page, archive page mobile & category view).
    Can you help me with that ?
    Best regards

    #295358 Copied Theme version: 8 WooCommerce version: 7.5.4
    4 Answers
    Avatar: John Holden
    John Holden
    Support staff
    July 22, 2021 at 17:25

    Hello

    Thank you so much for contacting us!

    Kindly add the following mentioned code by going to Dashboard > Theme Options > Additional CSS 

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

    John Holden

    #295490 Copied
    Avatar: adi3fu
    adi3fu
    Participant
    July 23, 2021 at 10:30

    Thank you,
    i inserted the code but there is no change, i still see 2 column of products in mobile view.

    #295579 Copied
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    July 23, 2021 at 19:39

    Hello,

    Sorry, try the code below

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

    Regards

    #295713 Copied
    Avatar: adi3fu
    adi3fu
    Participant
    July 26, 2021 at 09:20

    Thank you ,
    that worked.

    #295986 Copied
  • Viewing 5 results - 1 through 5 (of 5 total)

The issue related to '‘shop page mobile version’' 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
School – WordPress Theme
lazy-placeholder
Industrial Power Tools Store – WordPress WooCommerce Theme
lazy-placeholder
Architecture – WordPress Theme
lazy-placeholder
Babyland 01 – WordPress WooCommerce Theme
lazy-placeholder
Bags Store – WooCommerce Theme
lazy-placeholder
Electron Store 02 – WordPress WooCommerce Theme
lazy-placeholder
Hosting Store – WordPress WooCommerce Theme
lazy-placeholder
Business Card – WordPress Theme
lazy-placeholder
Shoes Store – WordPress WooCommerce Theme
lazy-placeholder
Organic Store 02 – 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.