Hi, I am a shopify and frontend developer.
I changed the css width and height of the logo by giving .header__heading-logo-wrapper img{
width: 285!important;
}
on mobile another width.
Anyhow I discovered that if you strech the width the image becomes blurry.
I searched on Chrome devtools and by replacing the current src from the cdn straight to the original image file , i found that it gets from the cdn the image optimized (reduced) resolution so if you stretch it by css, it will becomes blurry.
I saw on some guide that suitable to another theme that I should have changed “logo_max_width” key on “settings_data.json” file but in this theme it must been another key name and file but the same gerenal idea and I think it’s the key to get from the cdn the correct resolution that I need ( 285px width).
I will be glad to know where is the file and the key that allows me to set the correct resolution of the logo file that I will get from the cdn ?
Or another way to get my logo not blurry.
Attaching some photos and link to my shop:
Password: saharsahar
Blurry logo:
Shows from cdn the very small file size that fits a small logo:
