How do I change the logo size at the header. It does not match the rest of the website, and I am using the same logo. It is stretch and it is awful. Help …
Hi there @MHanneson!
Sorry to hear you are running into this issue. How annoying! Let’s see what we can find here. Based on the information you have provided, here are my recommended next steps:
1. Check the Knowledge Base Header Settings
- Go to your HubSpot account and navigate to your Knowledge Base tool.
- In the top right, click on Settings.
- Under Website > Knowledge Base, you can see various branding options, including your logo.
Here, check if the logo has been uploaded with the correct dimensions. If the logo was resized or uploaded incorrectly, try uploading a new version with the recommended size or aspect ratio.
2. Customize Logo Size Using CSS
If the default settings don’t give you enough control, you may need to add some custom CSS to adjust the size.
Steps to Add Custom CSS with a developer:
-
Access the Design Manager:
- Go to Marketing > Files and Templates > Design Tools in HubSpot.
- In the Design Manager, search for your Knowledge Base template or navigate to the Header module where your logo is being displayed.
-
Add or Modify CSS:
- Look for the CSS file associated with your Knowledge Base or create a new custom CSS file if needed.
- Replace the new code with the exact width you’d like for your logo to match your website.
-
Apply the Changes:
- Save your changes in the Design Manager.
- Preview your Knowledge Base to ensure the logo appears correctly without stretching.
3. Ensure Correct Aspect Ratio
If your logo is stretched, it could also be that the aspect ratio of the image isn’t matching the dimensions set by the Knowledge Base. In this case, upload the logo again in its correct dimensions (typically in a format like .png or .svg).
4. Using HubSpot Support (if needed)
If none of these solutions fix the logo, I would recommend reaching out to HubSpot Support for additional help, as they may be able to point you to template-specific adjustments.
Good luck! You’ve got this! 
Hi @MHanneson,
You can edit the logo that shows up in the header of the knowledge base by going to the knowledge base in your HubSpot Portal and clicking to the “Customize template” button:
Then select the “Navigation bar”
There you will find a field for replacing the logo and the size controls for it:
Hope this helps!