Product per row on product catalog for mobile view

This topic has 4 replies, 2 voices, and was last updated 1 years, 5 months ago ago by Tony Rodriguez

  • Avatar: NinjaEB
    NinjaEB
    Participant
    July 4, 2023 at 01:54

    how do customise mobile and desktop product per row for product catalog

    can we set desktop product catalog – product per row as 3
    and mobile to 1?

    https://imgur.com/a/X2IHJms

    as when product per row for mobile with more than 1 is a bit too small. https://imgur.com/a/zoaDhkM

    3 Answers
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    July 4, 2023 at 05:56

    Hello @NinjaEB,

    To display one product per row on mobile devices, please copy and paste the following CSS code into XStore >> Theme Options >> Theme Custom CSS >> Global CSS and then clear your browser cache to view the changes:

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

    Best Regards,
    8Theme’s Team

    Avatar: NinjaEB
    NinjaEB
    Participant
    July 4, 2023 at 13:48

    thanks, it works like charm.

    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    July 5, 2023 at 08:17

    Hello, @NinjaEB,

    We appreciate your feedback and are glad to know that you are satisfied with our product and services.

    We kindly request you to consider leaving a 5-star rating for our theme and customer and technical support by visiting http://themeforest.net/downloads. Your feedback and positive review would not only help us improve our product but also encourage us to provide better support in the future. It means a lot to us and we are grateful for your support.

    If you have any further queries or concerns, please feel free to contact us anytime. We are always here to assist you.

    Thank you again for choosing our product and services.

    This topic is now closed!

    Best regards,
    8Theme’s Team.

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

The issue related to '‘Product per row on product catalog for mobile view’' has been successfully resolved, and the topic is now closed for further responses

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.