Increase logo size in Header

Hello everyone

I would like to increase the size of the logo on this website when it is in the centered position (with navigation underneath). I have gone into the header settings and increased the logo size to its maximum but it won't go any bigger. The image is 2000px wide so it's nothing to do with the image size. I think it must be the padding in the header around the logo....?

If anyone has some CSS code for this, I'd be grateful. I tried some earlier that worked but it threw the navigation alignment off center.

The attached image shows the actual logo size (at its maximum) above the navigation menu. I have put the preferred logo size in a new section underneath just to demonstrate the size I want it.

Thank you!

Michelle

PS. The URL is https://emmapignatiello.squarespace.com/  Password is 2022. The site is still in trial. Only just started the build.

@tuanphan How are you Tuan? Just wondering if you have one of your magical codes in your bag of tricks for this one?

On 3/20/2022 at 3:06 AM, Michelle_Barra_ said:

@tuanphan How are you Tuan? Just wondering if you have one of your magical codes in your bag of tricks for this one?

Add to Design > Custom CSS

/* Increase logo size - Make nav items on one line */
.header-title-nav-wrapper {
    flex: 0 0 100% !important; /* default is 50% */
}

On 3/22/2022 at 12:57 AM, tuanphan said:

Add to Design > Custom CSS

/* Increase logo size - Make nav items on one line */
.header-title-nav-wrapper {
    flex: 0 0 100% !important; /* default is 50% */
}

 

Tuan, you are a legend. Thank you!