I’m trying to make the logo on my website scale for different screen sizes. Right now it stays the same size on mobile. Is there a way to scale it for mobile? Also, the logo looks a bit blurry for some reason. I’m using a PNG and the file is crystal clear but when I make the logo it gets blurry. Is there a way to make the logo not blurry and is there a way to make it scale for mobile?
the website is https://elainecataneo.com/ you can see the text in the logo is blurry.
Hello @Inazarab,
Thanks for writing to us.
I checked your site, it seems that you have uploaded the very large size logo image. You must resize the logo image then upload it. Please note if you upload the large size image then the code would crop the image size to adjust. Please check the image source URL in the secure note.
The header logo is by default responsive depending on the screen size it reduces the image size. In case if you want to customize the size, you can achieve it by overriding the style for that you need to learn CSS and learn how to use the browser’s element inspector.
Hope it helps.
Thanks for understanding
Ok thankss. what size does it need to be?
Hello @Inazarab,
We can not tell you the exact size of the image it would depend upon your design. According to your current Header settings, it seems that you may need 300*92px images for the Header logo.
Hope it helps
Thanks
ok i’ll try that thanks
Let us know how it goes,
Cheers!
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.