Okay
  Public Ticket #2276064
Adjusting Mobile Shop page columns
Closed

Comments

  • Jonathan started the conversation
    January 20, 2020 at 4:43pm

    Hi, currently in my shop page, products appear on 2 columns making the prices be on top of each other. That does not look good. How can i make it so the products appear on one column on mobile?

  •  1,103
    Max replied
    January 20, 2020 at 5:05pm

    Hi,

    you can add custom CSS in WP-Admin > Theme Options > Custom CSS:

    @media (max-width: 768px){
    .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
        width: 100%!important;
    }
    }

    Please note that providing custom CSS to personalize your website is usually beyond the scope of our support. For customization services, please check service we offer here: https://sonaar.io/services/website-customization-service/

    Thanks,

    Max from the Sonaar.io Crew

  • Jonathan replied
    January 20, 2020 at 5:06pm

    Understood, much appreciated!

  •  1,103
    Max replied
    January 20, 2020 at 5:07pm

    You are welcome

    Thanks,

    Max from the Sonaar.io Crew