How to enlarge header to fit logo

Hi, I have a vertical logo which doesn’t fit in the header bar. It’s 200 x 271. How can I display it without distorting the image? I already looked through the forum and tried some things that were suggested but nothing has worked so far.

Hello there,

Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    .site-header:not(.header-scrolled) .custom-logo {
      max-height: auto;
    }

Regards,
Kharis

Hi Kharis. Thanks, but it didn’t work. The CSS is giving me an exclamation mark on the line with max-height: auto; ? Is there a way where I can enter the height of 271?

Hello there,

Not really sure what CSS to suggest. Sorry. Please share a link to your site to help me inspect and get the exact code.

Regards,
Kharis

It’s https://outofthecubicle.ca.

Hello there,

Try this CSS code:

    .custom-logo-link img {
      max-height: 99999px;
      max-width: 100px;
    }

Regards,
Kharis

That worked. Thank you!

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis