topic Updating Logo on Website in CMS Development

Updating Logo on Website

EDeMarco — Thu, 09 Mar 2023 14:36:23 GMT

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!

Re: Updating Logo on Website

Jnix284 — Fri, 10 Mar 2023 01:03:49 GMT

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.

Re: Updating Logo on Website

EDeMarco — Mon, 13 Mar 2023 12:23:18 GMT

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

Re: Updating Logo on Website

Jnix284 — Mon, 13 Mar 2023 12:55:58 GMT

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