# Updating Logo on Website

**URL:** <https://community.hubspot.com/t/updating-logo-on-website/76844>\
**Category:** CMS Development\
**Tags:** professional\
**Created:** [March 9, 2023, 2:36pm UTC](https://community.hubspot.com/t/updating-logo-on-website/76844 "2023-03-09T14:36:23Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![EDeMarco](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/edemarco/32/43030_2.png) [@EDeMarco](https://community.hubspot.com/u/EDeMarco)\
**Post date:** [March 9, 2023, 2:36pm UTC](https://community.hubspot.com/t/updating-logo-on-website/76844/1 "2023-03-09T14:36:23Z")

</div>

Hello all! I am trying to update the logo on the top navigation of our [website](https://www.bellweatherdesignbuild.com/) 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!

 ![Bellweather Design-Build 20 Years in Business.jpg](https://d2qpr2jzcazej7.cloudfront.net/original/3X/0/4/04461821908ac945191aa2e0e1de161007afd80f.jpeg)

---

<div class="post-metadata">

**Author:** ![jnix284](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/jnix284/32/29_2.png) [@jnix284](https://community.hubspot.com/u/jnix284)\
**Post date:** [March 10, 2023, 1:03am UTC](https://community.hubspot.com/t/updating-logo-on-website/76844/2 "2023-03-10T01:03:49Z")

</div>

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

 ![Jnix284_0-1678410144682.png](https://d2qpr2jzcazej7.cloudfront.net/original/3X/6/4/64fdb34c75f9a3f70286cfa87af7f054345adfb0.png)

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:

```lia-code-sample
.header__logo {
 max-width: 250px;
}

```

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

---

<div class="post-metadata">

**Author:** ![EDeMarco](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/edemarco/32/43030_2.png) [@EDeMarco](https://community.hubspot.com/u/EDeMarco)\
**Post date:** [March 13, 2023, 12:23pm UTC](https://community.hubspot.com/t/updating-logo-on-website/76844/3 "2023-03-13T12:23:18Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![jnix284](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/jnix284/32/29_2.png) [@jnix284](https://community.hubspot.com/u/jnix284)\
**Post date:** [March 13, 2023, 12:55pm UTC](https://community.hubspot.com/t/updating-logo-on-website/76844/4 "2023-03-13T12:55:58Z")

</div>

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](https://www.maka-agency.com/frequently-asked-questions/how-to-add-code-to-the-site-header-html)

[add code to child.css](https://www.maka-agency.com/frequently-asked-questions/how-to-add-code-to-the-child.css-in-a-hubspot-child-theme)