Resizing the logo

SOLVE
Highlighted
New Contributor

I am attempting to resize my logo to a larger size in my navigation bar. As you scroll down the page, the logo in the sticky header becomes very little. I wanted to enlarge it and make it the same size in the sticky header as it is in the navigation bar. If anyone knows how I could do this, please let me know. Thanks in advance! 

Reply
0 Upvotes
1 Accepted solution

Accepted Solutions
Regular Advisor

Hi there! 

 

Is this is HubSpot's default HubTheme (Vast)? I recall that being an issue there.

 

If so, if you go to the Design Manager and look for the "vast-style" file, you can Ctrl + F to find this piece of code: 

 

.small-header .header-container .hs_cos_wrapper_type_logo a img {
    max-width: 100px;
}

You can update that width to a larger size. 

 

If this isn't for the Vast theme, could you please send us a link to your site to take a look?

 


Stephanie O'Gay GarciaHubSpot Design / Development

Website | Contact

 

If this helped, please mark it as the solution to your question, thanks!

Reply
0 Upvotes
3 Replies 3
Regular Advisor

Hi there! 

 

Is this is HubSpot's default HubTheme (Vast)? I recall that being an issue there.

 

If so, if you go to the Design Manager and look for the "vast-style" file, you can Ctrl + F to find this piece of code: 

 

.small-header .header-container .hs_cos_wrapper_type_logo a img {
    max-width: 100px;
}

You can update that width to a larger size. 

 

If this isn't for the Vast theme, could you please send us a link to your site to take a look?

 


Stephanie O'Gay GarciaHubSpot Design / Development

Website | Contact

 

If this helped, please mark it as the solution to your question, thanks!

Reply
0 Upvotes
New Contributor

Thank you very much Stephanie! 

Reply
0 Upvotes
Occasional Contributor

Hi there,

 

I'm using Act2 Theme and I have the same problem rezising the logo. 

In the Header overlap it appear very tiny, in the sticky header it shows up large. I already changed the Logo size in the settings, but it doesn't work.

 

Could you help me, how to adjust the size of the logo?

Reply
0 Upvotes