Make Mobile Page Product category archives single column

This topic has 3 replies, 2 voices, and was last updated 3 years, 3 months ago ago by Rose Tyler

  • Avatar: nate p
    nate p
    Participant
    September 2, 2021 at 19:39

    Hi is there a way to make the product lists one column instead of two on mobile? I have serious mobile validation issues since switching themes, things are too close together etc.

    Right now it shows two columns on mobile I would like it to only show one.

    2 Answers
    Avatar: nate p
    nate p
    Participant
    September 3, 2021 at 02:48

    I added product classes custom css width 100%, but it is overridden making width 50% again.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    September 3, 2021 at 08:22

    Hello,

    Add the next code in Theme Options > Theme Custom CSS > Custom CSS for mobile:

    .shop-full-width .products-grid .product {
        width: 100% !important;
    }

    Regards

  • Viewing 3 results - 1 through 3 (of 3 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.