Hello,

For web use, it’s not resolution that matters, but the physical pixel size. When you are using tour logo for a website layout, just make it fit there, don’t worry about “resolution”. Better yet, make it vector, so it is resolution-independent.

For the logo in mobile, please add this code into your custom css box:

@media (max-width: 480px){
#logo img {
    max-height: 50px;
    margin-top: -17px;
    height: 34px;
}
#logo { left: 36px !important;}
}

Result screenshot.

Best regards!

Hello,

Have you installed any third party plugin?
Please add !important to the lines:

@media (max-width: 480px){
#logo img {
    max-height: 50px !important;
    margin-top: -17px !important;
    height: 34px !important;
}
}

Something is conflicting with the second line of code that we gave you.
Can you send us your wp credential to give it a closer look?
Add the on your profile user information, read this article for more information.

Best regards!

Hello,

I see that the Autoptimaze plugin that you have installed, it conflicts and it does change some of the CCS. That’s why some of the lines we have gave you don’t work. Try to deactivate the plugin and add the second line of code. This plugin its a third party plugin and we haven’t tested all of them. But if it conflicts with theme, it is not recommended.

Best regards!