Skewed logo

[Raquel Wilson]

I’ve been trying many different things to fix this problem, but I can’t figure out why my logo is skewed in the header.

The image file is 730×182 and I’ve set the logo width and height in the “Theme Options”, but still the logo is skewed.

How can I fix this?

Thanks in advance for your help!

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please provide me wordpress admin login detail so i can check and resolve the issue.
Thanks
Mohammad

[Raquel Wilson]

This reply has been marked as private.

[Kyle – SUPPORT]

Try adding this to your custom css:

.header-left.col-sm-4, .header-right.col-sm-4 {
  width: 18%;
}
.col-sm-4.logo-center {
  width: 68%;
}

– Kyle

[Raquel Wilson]

Kyle, do you know why it’s not automatically resizing the logo? I have the current version of the Neighborhood theme and have not made any edits to the CSS.

However, I did notice that if I set the following to “auto”, it sizes perfectly, but I am wondering if it will cause issues with the responsiveness of the theme:

#logo img {
height: auto;
}

The default for the height in the CSS is 150px.

I’m curious what’s the best way to accomplish the “fix”, with the CSS you posted above or the CSS I have here for the height?

Please let me know your thoughts.

Regards and thank you!

[Kyle – SUPPORT]

Let me explain:

The container for the logo is only 370px wide, therefore that’s the max width your logo can be. If you want the logo to be bigger, you can use my CSS, however if you are happy to resize the image smaller, then the css you used is fine 🙂

– Kyle

[Raquel Wilson]

Great! Got it. You guys rock! Thanks.

[Kyle – SUPPORT]

No problem 🙂