Logo Proportions Change on Mobile

[egammill]

Hello. When the site loads on iphone 4, for example, vertical orientation, the logo squishes horizontally. And when it loads in horizontal orientation, the logo stretches horizontally. How can I prevent the stretching/squishing?

Please see attached snaps.

Thanks!

Attachments:

You must be logged in to view attached files.

[Nishant – SUPPORT]

Hello,

Add this custom CSS code in your theme options and let us know how it goes.

@media only screen and (max-width: 479px) {
    #logo img,
    #logo img.retina {
        height: auto!important;
        min-height: inherit !important;
        max-width: 200px !important;
    }
}

[egammill]

I added this, and cleared mobile browser data before reloading, but it did not have any effect.

[Nishant – SUPPORT]

Okay, we need to check this now by logging in to your website. Please send login details of your WordPress website dashboard. (Don’t forget to mark private reply)

Regards,
Nishant
SwiftIdeas Customer Support Team

[egammill]

This reply has been marked as private.

[Nishant – SUPPORT]

I have fixed it now. Please check it and let us know.

Regards,
Nishant
SwiftIdeas Customer Support Team

[egammill]

Yes, that solved it. Sincerest thanks. Please share with me what you did, as I will be using your themes for upcoming projects. Thanks!

[Rui Guerreiro – SUPPORT]

Hi,

Will forward to Nishant so he can reply you about this.
Thanks

-Rui

[Nishant – SUPPORT]

As far as I remember, you had not copied the above custom CSS code properly. Something was missing, so I logged in and added it and it worked.

Still, I need to confirm this by logging to your website. But, I am unable to login. Please send me correct login credentials marking private reply option below.

[egammill]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

Hi,

The code is similar to what Nishant posted here, so probably was only something that was different when you copied and paste.

-Rui

[fabridasso]

Hello there i have a question regarding to the logo on mobile. When i open my website on chrome in my mobile it seems a bit pixelated, is not much but i think it can be fixed so the edges of the logo look sharp if u know what i mean. can you tell me how to fix this? i send you my website http://www.konvert.cl so u can see how it looks on there and a screenshot of how it looks on mobile.

thanks a lot
Fabrizzio

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Your normal and retina logo sizes are same while retina logo size should be double of normal logo. That is cause to issue.
Thanks
Mohammad

[Nishant – SUPPORT]

Hello fabridasso,

Please create your own topic.