Images Blurry on Mobile - by Patricia - on WordPress WooCommerce support

This topic has 7 replies, 2 voices, and was last updated 10 years ago ago by Eva Kemp

  • Avatar: PmDInteractive
    Patricia
    Participant
    November 25, 2014 at 22:51

    Hello.
    The product images appear blurry on mobile, when looking at the top-level of the store.
    When you click the individual item, they are then clear. I have uploaded the images as 1920x1080px
    You can see what I mean here:

    http://ge.tt/6Q9IIF52

    The first pair shows a necklace as blurry before the click, and then sharp after.
    The second pair shows a pair of earrings as blurry, and then sharp when you click the product.
    Thanks for the help

    6 Answers
    Avatar: Eva
    Eva Kemp
    Support staff
    November 25, 2014 at 23:12

    Hello,

    Please provide us with wp-admin panel credentials in Private Content.

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: PmDInteractive
    Patricia
    Participant
    November 26, 2014 at 20:25

    Thanks. See below.

    Please, contact administrator
    for this information.
    Avatar: PmDInteractive
    Patricia
    Participant
    November 26, 2014 at 20:50

    Also, I forgot to say:
    I cannot add a Custom Sidebar to my Blog page.
    I have created Custom Sidebar (Blog Sidebar) area in my Widgets, and added a simple Text widget.
    In the page “Blog” (which holds all my blog posts), I have selected under Page Layout > Widget Area the “Blog Sidebar.”
    It does not show up as intended, however.
    Thank you for the help.

    Avatar: Eva
    Eva Kemp
    Support staff
    November 27, 2014 at 12:43

    Hello,

    We’re unable to log in to wp-admin panel getting an error “Invalid username”. Please check the credentials.
    To fix the issue with images add this code into custom.css file:

    @media (max-width: 480px) { .products-list .product .product-image-wrapper img {
        width: 50% !important;
    }
    }

    How to create custom.css you can watch in this tutorial.

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: PmDInteractive
    Patricia
    Participant
    November 29, 2014 at 22:33

    Sorry, there was a misspelling in the login. See private content

    Please, contact administrator
    for this information.
    Avatar: Eva
    Eva Kemp
    Support staff
    December 1, 2014 at 11:51

    Hello,

    To fix the issue with images add this code into custom.css file:

    @media (max-width: 480px) { .products-list .product .product-image-wrapper img {
        width: 50% !important;
    }
    }

    How to create custom.css you can watch in this tutorial.

    Also as I see you have old theme version.
    Please update it to 2.4.1 and check blog sidebar after that.

    Thank you.
    Regards,
    Eva Kemp.

  • Viewing 7 results - 1 through 7 (of 7 total)

The issue related to '‘Images Blurry on Mobile’' has been successfully resolved, and the topic is now closed for further responses

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.