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!
