WooComerce products

Home Forums Jevelin Theme WooComerce products

Home Forums Jevelin Theme WooComerce products

This topic contains 1 reply, has 2 voices, and was last updated by  Shufflehound Support 5 months, 1 week ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • Hi there,

    I have a page where woocommerce category products are listed in 4 columns. On mobile devices they remain in 4 columns. Please check page link in private part of this ticket.

    Thanks

    Hi @soultaker,

     

    I hope you are well today and thank you for your question.

     

    You can make them to display on one column on mobile devices by adding the following CSS code in the Custom CSS code option of your theme on the below path.

     

    Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code

     

    @media screen and (max-width: 680px) {
    #page-container .woocommerce ul.products li.product {
        width: 100%;
        margin: 0 0 25px 0;
    }
    }

     

    Best regards,
    Shufflehound team

Viewing 2 posts - 1 through 2 (of 2 total)