Return to previous page

Shop page : How to display one product per row when on mobile version?

This topic has 3 replies, 3 voices, and was last updated 5 months, 1 weeks ago ago by Andrew Mitchell

  • Avatar: SS
    SS
    Participant
    June 5, 2024 at 13:25

    Dear Team Support,

    I’d like to ask if it’s possible to display one product per row at Shop page when on mobile version?
    Currently, it’s showing 2 products per row. See screenshot.

    Thanks!

    Please, contact administrator
    for this information.
    Files is visible for topic creator and
    support staff only.
    #398252 Copied Theme version: 9.3.10
    2 Answers
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    June 5, 2024 at 13:49

    Hello, @SS,

    Thank you for contacting us and for using XStore.

    We would like to kindly request that you adjust the display settings for your mobile site version to show one product per row. To implement this change, please insert the following CSS code into your website’s configuration:

    1. Navigate to Xstore > Theme Options > Theme Custom CSS > Global CSS.
    2. Insert the following code:

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

    You can preview the expected outcome by visiting this link: (https://paste.pics/edit/R3VAS)

    We trust this adjustment will enhance the display and functionality of your site on mobile devices. Should you need any further assistance or have questions regarding this process, please feel free to contact us. We are here to support you.

    Best regards,
    The 8Theme Team

    #398260 Copied
    Avatar: Andrew Mitchell
    Andrew Mitchell
    Support staff
    June 16, 2024 at 16:36

    Dear SS,

    In the spirit of gratitude, we want to express our appreciation for your trust in our products. As a valued customer, your experience matters greatly. Would you consider sharing it by giving our theme a deserving 5-star rating on ThemeForest?

    Click here to share your thoughts: https://themeforest.net/downloads

    Being part of our community means a lot, and your feedback contributes immensely.

    Best Regards,
    The 8Theme Team

    #400100 Copied

  • Tagged: , , , , ,

  • Viewing 3 results - 1 through 3 (of 3 total)

The issue related to '‘Shop page : How to display one product per row when on mobile version?’' has been successfully resolved, and the topic is now closed for further responses

8theme customization service

Helpful Topics

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Hotel – WordPress Theme
lazy-placeholder
Home Decor 02 Store – WordPress WooCommerce Theme
lazy-placeholder
Animals Store – WordPress WooCommerce Theme
lazy-placeholder
Zoo Shop – WooCommerce Theme
lazy-placeholder
Hosting Store – WordPress WooCommerce Theme
lazy-placeholder
Yoga Accessories – WordPress WooCommerce Theme
lazy-placeholder
Headphone Store – WordPress WooCommerce Theme
lazy-placeholder
Handtools Store – WooCommerce Theme
lazy-placeholder
Niche Market – Multivendor WP WooCommerce Theme
lazy-placeholder
Spa – 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.