Tiny Logo

[SomeChick]

I’ve tried using this code to resize my wide logo:

#logo.has-img a > img {
    padding: 0px !important;
    height: 39px !important;
}

But it just sets a height without adjusting the width accordingly. Help?

[David Martin – Support]

The width is relative to your height.

Please remove your CSS and add a max height of 39(your logo height) to Theme Options => Logo Options => Logo Max Height

[SomeChick]

Thanks. But it’s still squished. The width should be 366 where I set the height, but the logo space is too small for that.

[David Martin – Support]

Yes, that restriction exists for that header layout so you do not overlay the left/right sections with the logo. The left logo area max width is 292px.

Thanks.

[SomeChick]

How do I change that setting? I keep my nav bar pretty tight.

[David Martin – Support]

I would recommend you do not change the grid layout.

Please test this, add it to Theme Options => Custom CSS

.full-center #logo {
    max-width: 33.333%;
}