2 columns WooCommerce shop page on mobile!

  • Resolved flitaly

    (@flitaly)


    4 years, 4 months ago

    Hello,
    I need help with the layout of the shop page on my website.
    I would like to have two columns on the main shop page to display my products instead of just one.
    Thank you for your help!

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hello,

    Can you specify the link of your shop page so I can have a look?

    Thread Starter flitaly

    (@flitaly)

    Hello!
    Thank you for replying.
    I have changed the layout (now it shows categories instead of products), but I would still like to have a 2 columns layout on the main shop page, but only on mobile!
    Computer display is fine.

    Thank you!

    • This reply was modified 4 years, 4 months ago by flitaly.

    Hello,

    Please add this extra CSS code in Customizer -> General Settings -> Additional CSS :

    @media screen and (max-width: 480px) {
    ul.products.columns-4 li{
    flex-basis: 50%!important;
    max-width: 50%!important;
    }
    }

    Thread Starter flitaly

    (@flitaly)

    Hello!
    Thank you so much, it worked perfectly!
    Have a nice day!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘2 columns WooCommerce shop page on mobile!’ is closed to new replies.