2 product per column in mobile site

  • Resolved ricardobel

    (@ricardobel)


    4 years, 7 months ago

    Please, how can I do to show 2 product per column in mobile site?

    Thanks very much for your help

    Ricardo

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support Nico

    (@nicolamustone)

    Automattic Happiness Engineer

    Hello Ricardo,
    It is not possible to modify the block settings for mobile-only. You would do this via CSS.

    Please, contact the theme author to get further help on this, they should be able to give you advice.

    Thread Starter ricardobel

    (@ricardobel)

    Hi Nicola,

    Thank you very much for answering.

    I have the Storefront theme, and with this css I can see the products in two columns.

    ul.products li.product {
    width: 46.411765%;
    float: left;
    margin-right: 5.8823529412%;
    }

    ul.products li.product:nth-of-type( 2n ) {
    margin-right: 0;
    }

    @media ( min-width: 768px ) {
    ul.products li.product:nth-of-type( 2n ) {
    margin-right: 5.8823529412%;
    }
    }

    But not the products that I have with WooCommerce Blocks. Do you know what class or id I can set to work with WooCommerce Blocks

    Thank you very much
    Ricardo

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘2 product per column in mobile site’ is closed to new replies.