One column product shop page mobile version

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

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


    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

    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:

    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

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