Products category pages show 2 columns on mobile

  • Resolved niadev

    (@niadev)


    6 years, 5 months ago

    Hello boys and girls, I want to display one-product column on mobile version, at the moment it displays in 2 columns, making the thumbnails look small and crunched. I want only ONE product to be visible and then find the rest one by one when they scroll.

    Ideas?

    Thank you all in advance.

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

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

  • Hi Niadev,

    You can try adding the following code to your Admin Panel > Appearance > Customize > Additional CSS field:

    .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
  width: 100%;
  float: none;
}

    Thanks!

    Thread Starter niadev

    (@niadev)

    Hello Emran, thank you! It did apply to both desktop and responsive, while I only need it reflecting on the mobile version, not on desktop. Ideas?

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Products category pages show 2 columns on mobile’ is closed to new replies.