Return to previous page

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

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

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

#26630 Copied

6 Answers

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.

#26637 Copied

Patricia

Participant

November 26, 2014 at 20:25

Thanks. See below.

Please, contact administrator
for this information.

#26804 Copied

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.

#26810 Copied
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.
#26906 Copied
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.

#27343 Copied
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.
#27408 Copied
Tagged: blurry, images, mobile, optimized, themes, woocommerce, wordpress
Viewing 7 results - 1 through 7 (of 7 total)