How to change size of logo

This is actually two problems in one. On one hand it’s too big, when just opening the site. On the other hand once I scroll down, the background of the header changes and the logo becomes way too small. How could I fix this?

Thanks for the help in advance.

Hi,

Thank you for contacting us. ​Please accept my apologies for the delay in response. I really appreciate your patience.

You can use the below CSS code to control the logo size when scrolling.

    .is-sticky .site-header .custom-logo-link img.custom-logo {
      max-width: 200px;
    }

Set your own maximum width to meet your requiement.

To apply that code to your website, add it to Additional CSS under dashboard (/wp-admin) > Appearance > Customize menu.

For the size when not scrolling, use this code:

    .site-header .custom-logo-link img.custom-logo {
      max-width: 200px;
    }

I hope this reply helps.

Regards,
Kharis
aThemes Support

Thank you this is exactly what I was searching for.

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
aThemes Support