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.
    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

    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

  • 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
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.