Logo distorted

[uowlimited]

I’ve seen this issue elsewhere on the forum but never seen a decent fix.

The theme says to upload a logo ‘of any size’ but the aspect ratio of the logo I upload is being distorted.

On widescreen desktop, the height of the logo is being stretched

On smaller widths the whole logo seems to be stretched horizontally and vertically, causing distortion.

Ideally,
on the largest screen the logo should keep its original dimensions and aspect ratio;
on smaller screens it can scale to the aspect ratio;
and when the height of the logo is less than the height of the header div it should be centered rather than stretched to fill the area.

[Nishant – SUPPORT]

Hello,

The website is in the maintenance mode so can you provide me the login details to check the problem you are facing.

[uowlimited]

This reply has been marked as private.

[Nishant – SUPPORT]

Hi,

I have fixed it. Please check it now. It looks perfect and crisp to me. 🙂

[uowlimited]

Hey,

It looks perfect, thanks a lot! Can I ask what you did, for reference and for anyone else that’s having this problem?

[Kyle – SUPPORT]

Great, thanks Nishant

– Kyle

[uowlimited]

But seriously, an explanation on how you did it would be very useful, else I’ll be posting a new thread for every new website I make using Neighbourhood.

[Kyle – SUPPORT]

Will hopefully get a reply from Nishant, if not, can you confirm wether you added these? Because if I had to guess what he did it would of been that he added these values

– Kyle

[Nishant – SUPPORT]

Hello,

In header options, you just need to set your exact width and height of the logo image. That’s it.

For eg: your current logo image dimensions were 369×86

I just put those values in logo width and height box.

Hope this helps!

No problem, Kyle!

🙂

[uowlimited]

Oh right, I thought I’d done that tbh. Definitely played with those boxes but I must’ve had the wrong values or something.

Thanks!

[Kyle – SUPPORT]

No problem

[ocnsea]

This reply has been marked as private.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-
#logo img {max-height: 69px !important;}
Thanks
Mohammad

[ocnsea]

Should I leave the custom 800 by 150 settings in my logo presets? There’s too much padding now and altering the padding does nothing. This seems to only be a problem with Retina, not totally sure though. The tablet view is now skewed as well.

[Mohammad – SUPPORT]

Hi,
Please attach marked screenshot to explain your issue in detail.
Thanks
Mohammad