Support » Plugin: WooCommerce » Responsive images

  • An observation which you may want to check out…images are not coded to be responsive as your WooCommerce CSS has img as “width: 100%”

    For example, I helped a theme user do this:

    .woocommerce div.product div.images img,
    .woocommerce ul.products li.product a img {
        width: auto; /* cancels out woocommerce width of 100% */
        max-width: 100%; /* changes the width to max-width for responsiveness */

    You may want to consider changing your “width to max-width” 🙂

  • The topic ‘Responsive images’ is closed to new replies.