How to show two products per row in Home Page and Shop page

  • Resolved Denis

    (@butifarra)


    4 years, 2 months ago

    Hello, I have been searching this for 10 hours. Some has asked the same but nobody has replied.
    I want 2, not 1, products per row in home page in mobile. Fiddling with CSS, I can see that in tablet mode, or in horizontal mode in cell phones, it shows 2. But I can′t find a way to force this in vertical view under 480px (normal cell phones). Thanks in advance.

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

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

  • Hi @butifarra,

    We do not usually provide custom coding, but for this request, we will consider it.
    Please try the following:

    @media only screen and (max-width: 767px) { .woocommerce .products[class*=columns-] { grid-template-columns: repeat(2,1fr); } }
    card-product .card-description { display: none;}

    Let us know if you have any more questions.

    Thread Starter Denis

    (@butifarra)

    Thank you very much. I will make it work. Very nice from you!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How to show two products per row in Home Page and Shop page’ is closed to new replies.