Hey Ismael, thanks a lot for an advice!
Robert

Hi Yigit,

thanks a lot for a quick and helpful advice. The code works perfectly!:)

Regards

Robert

Hello Isamel,
I checked my homepage again on my iPod Touch, on iPhone 6 and all gadgets shows blurry text, price and pictures which comes from Woocommerce.
Pictures are not blurry initially and are 1000x1000px when uploaded. The same pictures are sharp when opened the item in shop. Problem is not with pictures becasue font is blurry as well. It is very easy to compare description under woocommerce products and description under portfolio items, both on homepage. Picutres are of the same quality. One of them are blurry, portolio pictures are sharp.

I changed pictures in woocommerce to 450×450 px. (I already had it a week ago with the same problem) regenerate thumnails and problem appears anyway.
Interesting is that on another page from my network: http://www.manufactura.cz/lakovanekrabice pictures are sharp. Original size is 1000x1000px as well.

Thanks for taking so much time to help me solve the problem!
Robert

Ismael, thank you for your effort but CSS does not work for me.
Probably my problem is not with the quality of thepictures, because blurry are not only pictures of my products but product description as well – all comes from Woocommerce. Other buttons and headlines written in theme are sharp, even pictures of my other products which are saved as portfolio items, and not as products from Woocommerce, are sharp.
Strange is that if I see overwiev of my pages/web sites on my handy, pictures are sharp, if I select one page which fill all screen it becomes blurry. Plese see sreenshots from my handy iPhone 5:
1) sharp overwiev of my sites: https://www.dropbox.com/s/9ia11zbng2guo4z/IMG_1641.PNG?dl=0
2) blurry site when selected, actually blurry is only product from Woocommerce: https://www.dropbox.com/s/939zw4maca4hhzn/IMG_1640.PNG?dl=0
3) sharp pictures of my products which are portfolio items, They are on the same frontpage as well as blurry products: https://www.dropbox.com/s/6etljy82adp7t2c/IMG_1639.PNG?dl=0

The problem with blurry woocommerce products appears on iPhone 5 and iPad.

Here is my website: http://www.manufactura.cz

Thank you in advance

Hello Elliott and thank you for a fast response. Here is a link to screenshot from my iPhone: https://www.dropbox.com/s/ae80sz0nw0ew436/IMG_1636.PNG?dl=0

As you can see button and headline is sharp but picture of my product and description is blurry.
All blurry pictures of my products were added as productslider [av_productslider categories='199' columns='4' items='9' offset='0' sort='0' autoplay='no' interval='8']
Sharp pictures were added in portfolio grid. Sharp are pictures of diplomas and wedding announcements.

Thank you

Robert

Hi,
it works only if I have half of my plugins switched off. That is not a solution I was hoping for.

Robert

Hello Yigit,

thank you for your reply.
After upgrading IE from version 8 to version 11 problem with overlaping dissapears. But honestly this is not perfect solution, because there is still a lot of people using older version of IE and they see incorect menu.
ad 2) custom fonts does not work even after clearing browser cash adn refreshing page. Only way how I can change the font is to use different color scheme from Styling.
ad 3 and 4) unformtunatelly non of your css works. Submenu is still bold and issue with twitter widget I have solved by myslef.

Hello Ismael,

thank you for quick response!

Regards

Robert