Distorted logo on mobile version.

Logo is distorting when on the mobile version of the website.

Hey there

I hope you are well today and thank you for your question.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Additional CSS

/mobile logo css/
@media (max-width: 550px){
#header .top-header .header-logo {
font-size: 30px;

Best Regards,

That hasn’t seemed to work, is it important to load the logo on at the recommended size?

Hello there,

I hope you are doing well today.

It would be a good option to use a large version of the logo so that when it is resized it will not lose as much quality when it is resized. Also, did you remove the logo? The website no longer has the log but text instead.

Best Regards,