[Resolved] Woocommerce Shop Columns in Mobile

Home Forums Support [Resolved] Woocommerce Shop Columns in Mobile

Home Forums Support Woocommerce Shop Columns in Mobile

  • This topic has 3 replies, 2 voices, and was last updated 8 years ago by Tom.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #181214
    Dilip

    I want the columns to be just one instead of the current two columns.

    This is because my products have long titles.

    How do I acieve the single column output for search results, shop, category and tag pages?

    #181347
    Tom
    Lead Developer
    Lead Developer

    Hi there,

    This CSS should work:

    @media (max-width: 768px) {
        .woocommerce ul.products li.product, 
        .woocommerce-page ul.products li.product {
            width: 100%;
            float: none;
        }
    }

    Adding CSS: https://generatepress.com/knowledgebase/adding-css/

    #181403
    Dilip

    Brilliant!

    I have just one more part to accomplish. Then, I think I am done with your Woocommerce theme

    #181450
    Tom
    Lead Developer
    Lead Developer

    Awesome! 🙂

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.