Support » Theme: Astra » Woocommerce Mobile Images Different Sizes

  • Hello All Wp,
    I have an issue with my product images. On my desktop they appear correctly but when i look on my mobile i have two columns and always on the left side the images are appearing smaller also the gap between the columns is very large. I have astra theme and using elementor I have changed the images in wp customizer to no avail.Also when the page is loading on the mobile i have the radius set to 10px but it seems that takes time to load. and I have stars set for product rating witch just appear as sssss.
    Has anyone any suggestions please

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • I am facing the same issue on multiple sites of mine that are using astra theme and Woocommerce. I have checked by enabling another theme to be sure if its an issue of any of the plugins. Sadly, it turns out to be the issue with the theme. Team Astra, could you please rectify and provide a solution to this problem, its really annoying to see different product image sizes in the two columns on mobile view.

    The left column has smaller product image size where as the right column has bigger product image size.

    Hello @allyoustudio and @vidhugoel

    Sorry, we missed responding to this topic in our view.

    While we checked the WooCommerce two-column layout on our mobile devices and didn’t notice any issue.

    Here’s the screenshot of the same.

    We are more than happy to take a look at your end, as to what seems to be wrong.

    Can you share a site URL, or if possible do open a ticket with us for quicker resolution?

    Looking forward to hearing from you!

    Regards,
    Suman

    There was an extra margin on the right side in mobile view. I used a css code to resolve it.

    @media (max-width:544px){
    .woocommerce-page[class*=columns-] ul.products li.product:nth-child(n), .woocommerce[class*=columns-] ul.products li.product:nth-child(n){
    margin-right: 0px !important;
    }
    }

    Please push this out in your next update so that others don’t have the same issue.

    regards
    Vidhu

    Hello @vidhugoel

    We had a similar issue reported, where it could be reproduced and our developers took a quick look and have added a patch for the same.

    You can expect the same to be fixed in the upcoming update next week. Do mark the topic as resolved. 🙂

    I hope that helps.

    Regards,
    Suman

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Woocommerce Mobile Images Different Sizes’ is closed to new replies.