WooComerce products

Home › Forums › Jevelin Theme › WooComerce products

Home › Forums › Jevelin Theme › WooComerce products

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    NOT RESOLVED Posts

  • soultaker
    Participant

    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

    Shufflehound Support
    Moderator

    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

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)