How to set different number of product columns on mobile?

  • Resolved jayhan

    (@jayhan)


    3 years, 6 months ago

    Hello.

    I added Woocommerce Hand-picked Products block on the front page.
    I set the number of columns in Gutenberg editor to 3, and I want to show 2 product columns on mobile. However, it automatically displays only 1 column on mobile.
    How can I display 2 product columns on mobile and 3 columns on desktop?
    Please, help me to solve this issue.

    Best regards,
    Jay

    • This topic was modified 3 years, 6 months ago by jayhan.

    The page I need help with: [log in to see the link]

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

    (@tibetanitech)

    Hi @jayhan

    I understand you want to display 2 product columns in mobile version and 3 columns in the desktop.

    You’ll need to customize the CSS code for your site. If you are not familiar with CSS related to media queries, please check the following link to help get you started:

    https://www.w3schools.com/css/css_rwd_mediaqueries.asp

    If you do require more help with the actual coding, we’d recommend you hire a developer who can take a look at this, quote you for their services, and help you add this feature to your site. We’d recommend getting in touch with a web developer or one of the customization experts listed at https://woocommerce.com/customizations/.

    Mirko P.

    (@rainfallnixfig)

    Hi there,

    We haven’t heard from you in a while, so I’m going to mark this as resolved. Feel free to start a new thread if you have any more questions!

    Cheers.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How to set different number of product columns on mobile?’ is closed to new replies.