Navigation
Archive / WooCommerce Product Image Resolutions
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • July 28, 2016 at 7:55 pm #1108005
    be3designs
    Participant

    The product images on the Shop page are appearing distorted and warped when the browser width is changed and I’m not sure how to go about fixing this?

    (Will add a private reply with URL info)

    July 28, 2016 at 7:56 pm #1108007
    be3designs
    Participant
    This reply has been marked as private.
    July 28, 2016 at 11:44 pm #1108276
    Prasant Rai
    Moderator

    Hello There,

    Thanks for writing in!

    Upon login i am unable to replicate the issue on my end. Would you mind confirming again? If it still persists please share few screenshots to illustrate the problem you are facing?

    Thanks.

    August 2, 2016 at 4:44 pm #1114515
    be3designs
    Participant
    This reply has been marked as private.
    August 2, 2016 at 4:45 pm #1114520
    be3designs
    Participant
    This reply has been marked as private.
    August 2, 2016 at 5:15 pm #1114557
    be3designs
    Participant
    This reply has been marked as private.
    August 3, 2016 at 3:15 am #1115074
    Christian
    Moderator

    Hey there,

    Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

    – WordPress Admin username / password

    Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

    Thanks.

    August 4, 2016 at 11:58 am #1117530
    be3designs
    Participant
    This reply has been marked as private.
    August 4, 2016 at 3:39 pm #1117843
    Jade
    Moderator

    Hi there,

    This code in the custom CSS code:

    .woocommerce li.product .entry-featured img {
    height: 175px;
}

    Is causing the issue for the mobile devices and the device width resize because it is setting a specific height of the images thus making it looks stretched in some screen width.

    Kindly remove the code where you have added it.

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1108005 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>