- This topic has 3 replies, 2 voices, and was last updated 1 year, 9 months ago by
.
-
Posts
-
Hi
I’ve used this tutorial https://guide.weavertheme.com/how-to-using-the-site-logo/ to implement a logo next to the primary menu. It looks fine on desktop but on mobile the image is blurry and stretched.
How can I fix this?
I’m at huisvlijt.com
kind regards,
Nicole
Yes, there seems to be an issue with the dimension, though to be honest, I don’t know what “Intrinsic Size” means and where it comes from.
Rendered size: 301 × 101 px Rendered aspect ratio: 301∶101 Intrinsic size: 301 × 230 px Intrinsic aspect ratio: 301∶230 File size: 15.5 kB The size I see is certainly 3:1 and not 3:2.3 which is the original image size.
So while the image width is holding to
width: 301pxit looks like the height is not holding to 230, but is reducing to 101.I now see the setting that:
<rect class="mask target" x="30.375" y="57.796875" width="301" height="101.25"></rect>
Which is related to reduced height in lazyload.Regards!
thank you for your feedback. How do I fix it? I don’t have Lazyload.
I’ve tried using a bigger image, but that doesn’t seem to help.
- You must be logged in to reply to this topic.