Product Column Width for Mobile

  • Resolved heatherms27

    (@heatherms27)


    3 years ago

    Hi,
    I’ve used a code to get the product listings in a single column on a mobile device, but it’s only taking up about one half of the available width in portrait mode, so it appears quite small. Does anyone know how to get that column to use the available space ?

    This is the code I used to get it to the single column.

    @media screen and (max-width: 768px) { .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product { width: 100% !important; } }

    Thanks for any help.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Rashed Ripon (a11n)

    (@rur165)

    3 years ago

    Hello @heatherms27 ,

    Thanks for reaching out.

    Can you please share the product listing page URL so that we can investigate directly on the page and suggest a solution?

    Regards.

    Thread Starter heatherms27

    (@heatherms27)

    3 years ago

    Thanks Rashed, for taking the time to help. Fortunately, it’s been resolved.
    Take Care

    Rashed Ripon (a11n)

    (@rur165)

    3 years ago

    Hi there,

    I am glad to know that it has been resolved.

    Feel free to open a new thread if you have any other queries.

    Thank you 🙂

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Product Column Width for Mobile’ is closed to new replies.