2 column mobile woocommerce

[dkolba]

Hi there!

On my shop page on mobile I would like there to be two columns.

Do you mind helping me figure out what CSS I can use to get two columns instead of just 1?

I appreciate your help. My site is here: https://www.thepresetvault.com

Thank you!

[jade]

Hi @dkolba,

Please add this code in X > Theme Options > CSS:

@media (max-width: 480px) {
    .woocommerce.columns-3 li.product {
        width: 48%;
    }
}

Here are some related links for further reading:

• Intro to CSS - https://goo.gl/mFuWQT
• How to get CSS selectors - https://goo.gl/BmoH39
• Get Started With Viewing And Changing CSS - https://goo.gl/7xFhDa
• CSS Media Queries - https://goo.gl/L3ZHNg

Hope this helps.