Hi John,

Thank you for your message.

You can increase the width of the logo under Appearance -> Custmize -> Logo & Favicon at the "Logo width" setting. Increasing this width will automatically increase the height of the header.

If you would like to increase the header height separately you can add the following CSS code to Appearance -> Customize -> Additional CSS:

/* Increase header height */
.header_3 .header__position {
    height: 105px;
}

The 105px value can be increased to change the header height.

Hope this helps.

Hi John,

Thank you for clarifying.

For now the only way to make the logo bigger than 300px value is by using custom CSS. You can add the following CSS code to Appearance -> Customize -> Additional CSS for that:

/* Increase desktop logo width */
@media (min-width: 992px) {
    .logo__image img {
        width: 500px;
    }
}

We will increase the maximum width value of the logo width slider controls within the following theme update.