I am having issues with my site branding on iPhones and mobile devices. My Identity/logo is stretched out horizontally and does not look at all like my brand and therefore, does not represent my brand accurately. As a designer this is not acceptable. I have disabled optimization for smartphones in Jetpack to no avail - It is still stretched out.
please help me resolve this. Screenshot attached
thank you
Hey there,
Hope you’re doing well today
Kindly add and save the following code to Appearance > Customize > Additional CSS:
@media(max-width: 550px){
.logo {
width: auto!Important;
}
}
I hope this helps 
Best Regards,
Support
OK. The code still does not work to improve the scaling of my site branding logo. It worked right once after I cleared my cache but then after reloading, went right back to stretched out version. This was on iPhone 6s. I also tried it on an android tablet - same stretched out logo. I don’t understand why it looks right when I look at the preview in the customizer.
Please help resolve this
thank you
Hello there,
I am sorry for the inconvenience caused here.
I have tried to access your website to inspect the issue but the link is no longer working in browsers or on mobile.
Best Regards,
Support