Product archive view for different devices

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

  • Avatar: Focu5
    Focu5
    Participant
    November 16, 2023 at 13:05

    Hello, for desktop we had set to show 3 columns of products, for tablet showing 2 product columns, for mobile also show 2 columns how for mobile we can channge to show 1 columns product?

    1 Answer
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    November 16, 2023 at 13:13

    Hello, @Focu5,

    Thank you for contacting us and for using XStore.

    how for mobile we can channge to show 1 columns product?

    To achieve this, you can insert the following CSS code into XStore >> Theme Options >> Theme Custom CSS >> Global CSS. Afterward, please ensure to clear your browser cache to see the changes:

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

    We trust this will address your concern.

    Best Regards,
    8Theme’s Team

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

You must be logged in to reply to this topic.Log in/Sign up

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.