logo blurry as hell on mobile

Hi again

Research @media usage and tweak this code to suit your needs. You can use a resized version of your logo etc.

@media screen and (min-width: 480px) {
.fusion-logo img {
    width: 100%;
}
}

Thanks. I appreciate your help.
The image quality being low on mobiles is a matter for logo size, format, site responsiveness ? What’s the issue ? I would have thought this is a farily standard practice…to import a logo file to use in a responsive site, so it really bugs me out to have this usse. Am I doing something which is not best practice ? Is it via coding the only way to resolve it ?
I’m not too savvy with CSS coding. Where exactly in which file exaclt should I start playing with the code block you gave me ? Should I do this in a php directly or via wordpress in custom CSS for example ? Could please point me to more precise instructions on how to do this ?
Many thanks
marie

Hi Marie

You can add your css to the custom CSS panel under your theme settings (if available) or you can create a child theme and add your css to your style.css file (best practice).

I cannot address the issues experienced as this is theme specific but the code provided should point you towards a fix.

I recommend contacting the theme’s author should you choose not to go the CSS route.

All the best!