One column product shop page mobile version

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

  • Avatar: EduardMihai
    EduardMihai
    Participant
    February 25, 2023 at 16:02

    Hello,

    On the desktop version on the store page I set to be 4 product columns.

    On the furniture we do not find a setting, we saw that there are 2 columns, we would like to be displayed a single column (one product on each row).

    How can we do that?

    Thank you!

    1 Answer
    Avatar: Andrew Mitchell
    Andrew Mitchell
    Support staff
    February 25, 2023 at 18:03

    Hello,
    You can do this by adding custom CSS.
    Add the following code

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

    to the corresponding fields in the
    Customizer -> Theme Custom CSS -> Mobile landscape (481px – 767px)
    and Customizer -> Theme Custom CSS -> Mobile (0 – 480px)
    as shown in the screenshot:
    https://prnt.sc/eGpkOJu1ovIV

    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.