Products in row | shop/category page??? - by omandaisy

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

  • Avatar: omandaisy
    omandaisy
    Participant
    January 19, 2023 at 09:06

    Hello,

    How I display only 1 product each row on shop and category page ?? I mean on mobile version

    3 Answers
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    January 19, 2023 at 09:14

    Hello @omandaisy,

    We suggest that you go to XStore >> Theme Settings >> WooCommerce >> Product Catalog to adjust the “Products Per Row” setting according to your needs. For your reference, please see the screenshot provided here: https://ibb.co/ftgdrSY

    We hope this helps.

    Best Regards,
    8Theme’s Team

    Avatar: omandaisy
    omandaisy
    Participant
    January 19, 2023 at 10:03

    this is not working on mobile view please check screenshot

    Please contact administrator
    for this information.
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    January 19, 2023 at 10:10

    Hello @omandaisy,

    In order to set the single product column on the shop page for mobile, you will need to use a Custom CSS code. Please try the following CSS code, which you can copy and paste under Xstore >> Theme Settings >> Theme Custom CSS >> Global CSS. After doing so, please clear the mobile browser cache and check back on your site.

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

    Best Regards,
    8Theme’s Team

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

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

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