Displaying one product per row on mobile devices

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

  • Avatar: Owen
    Owen
    Participant
    August 28, 2024 at 17:31

    Hi,

    How can we display only a single product per row on category pages when viewed only on mobile devices?

    This can be either a single product in a grid layout, or a single product in a list layout.

    (the option of allowing the visitors to choose to change the layout is not a viable one).

    Flexibility is preferable to decide up to which screen size to show it, so would be great if we knew what we can add in css as:

    @media only screen and (max-width: 430px) {}

    Thank you!

    3 Answers
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    August 29, 2024 at 06:39

    Hello, @Owen,

    Thank you so much for purchasing our theme and contacting our support center.

    Please add the next Custom CSS code in XStore > Theme Options > Theme Custom CSS > Global CSS.

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

    We hope this helps. Should you require any further assistance, please do not hesitate to reach out. We are here to help you.

    Best Regards,
    8Theme’s Team

    Avatar: Owen
    Owen
    Participant
    August 29, 2024 at 23:00

    Perfect, Thank you!

    Avatar: Andrew Mitchell
    Andrew Mitchell
    Support staff
    August 29, 2024 at 23:01

    Dear Owen,

    Choosing our theme reflects your commitment to quality, and for that, we’re genuinely grateful. As we constantly strive to elevate your experience, your feedback is an invaluable gift. Could you kindly take a moment to rate our product with 5 stars on ThemeForest?

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

    Your support fuels our journey, and we appreciate it more than words can express.

    Best Regards,
    The 8Theme Team

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

The issue related to '‘Displaying one product per row on mobile devices’' 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.