Updating Logo on Website

[EDeMarco]

Hello all! I am trying to update the logo on the top navigation of our website to the new one below (that includes the logo plus a 20th Anniversary badge). Yet, when I go to update it with the image below, it's incredibly small and HubSpot won't let me change the size to make it larger (match the existing size logo).

When I reached out to HubSpot support, they mentioned it's because the logo sizing seems to come from some CSS on the template. Does anyone know how to update this?

I'd really appreciate the help! 

[Jnix284 · Accepted solution]

Hi @EDeMarco it looks like the way your logo was coded into the header is limiting the size of the logo.

If you can't change the code for the header directly, you can swap out the logo and then add this to your child.css (or site header HTML) to apply it to your pages:

.header__logo {
    max-width: 250px;
}

Then just change the 250 to whatever number you need to make it work.

[EDeMarco]

Thank you! Do you have directions / link on how to add something to your child.css (or site header HTML)?

[Jnix284]

You're welcome @EDeMarco, the only links I have are from our knowledge base, but it would be the same steps regardless of what theme you use:

add code to site header HTML

add code to child.css