How do I increase the size of the logo on the Unite 2 theme in the header?

[JujuB]

I'd like the logo to be bigger in the header.  It's so small.  The site currently is https://test-store-yours.weebly.com/.  TIA

Julie

[Adam7]

This will make it larger on the live site if you add it to Settings > SEO > Header Code:

<style>
	.unite-header .logo img, .unite-header .logo .wsite-logo
	{
		max-height: 100px !important;
	}
	.unite-header .logo
	{
		max-height: 110px !important;
	}
	.unite-header
	{
		height: 150px !important;
	}
</style>

You won't be able to get it larger than that, though, without customizing the templates of your theme to use a different image.

[JujuB]

THAK YOU!!!!!

[TracyMac2]

I am also having this issue. There are so many posts about the logo being too small in the header in this theme (and others), I hope Weebly is looking at this and listening to their customers. I'm not all that familiar with code and don't really want to screw anything up. Can you give a little more detailed, specific explanation of how to do this? Appreciate it.

[Bernadette3]

What is the name of your site @TracyMac? If you are not familiar or comfortable with adding some code to the site it might be better to simply change to a theme that allows a larger logo. 

[DT21]

Hi there,

After some playing around I found a solution to this problem. Here are the steps I took that enabled me to enlarge the logo in the header banner on the Unite 2 theme:

1. Click on Theme

2. Down the bottom on the left, click on Edit HTML/CSS

3. Click on _nav.less

4. Change Row 92 (max-height from 70px to 200px

5. Change Row 122 (max-height from 70px to 200px

6. Change Row 128 (max-height from 70px to 200px

7. Click Save and return to the Build Tab

8. Grab the corner of your logo and drag it out to be a larger size.

9. Publish

I hope it works as well for you as it did for me.

Cheers,

DT

[Adam7]

Thanks for sharing, @DT2.

[tapitec]

hi Adam, i have the same problem, the corporate logo i've imported is too small:

https://tapitec.weebly.com/

i tried to add the code you posted but it didn't have any effect

i tried to resize it using the small handle in the interface, but it doesn't do anything

let me know if you can help, thanks!

[Adam7]

Unfortunately, I don't think you can get the logo any larger with that theme without customizing it - I wouldn't really recommend doing that unless you're really familiar with HTML and CSS, since you're going to have to edit page templates and hardcode in a different logo image.

Since you have your logo in the section below the navigation, you could just turn off the site logo entirely if you wanted.