[Resolved] 2 Columns in mobile with multiple shop pages

Home Forums Support 2 Columns in mobile with multiple shop pages

  • This topic has 5 replies, 3 voices, and was last updated 1 month ago by Leo.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1421251
    David

    Hi i am trying to see 2 Columns of products in the mobile view.

    i create a page then in woocommerce block, i add a products by category and put 2 columns on settings, but when i see in mobile it just show 1 column.

    the shop page that came with woocommerce it show 2 products but when i create a new page it doesn’t show 2 columns just 1.

    hope you can understand my problem.
    English its not my native lenguaje.

    Thank you

    #1421573
    David
    Staff
    Customer Support

    Hi there,

    the Woocommerce Block is not great. It doesn’t use the Woo template settings or those that can be set using the GP Woocommerce module.

    I would recommned using the shortcodes which do use the woo styles:

    https://docs.woocommerce.com/document/woocommerce-shortcodes/

    If you must use the Block can you remove the coming soon and i will look at what CSS is needed

    #1422108
    David

    Hey thank you for your answer.
    i already use this shortcode [product_category category=”Hombre” columns=”2″]
    in computer looks ok but in mobile not.

    i already remove the coming soon. please help me.

    thank you

    #1422161
    Leo
    Staff
    Customer Support

    Would this CSS help?

    @media (max-width: 500px) {
        .woocommerce ul.products[class*=columns-] li.product {
            width: 48%;
        }
    }
    #1422198
    David

    THANK YOUUUUU very much.

    #1422208
    Leo
    Staff
    Customer Support
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.