Logo randomly changing size when scrolling

Hi there,

I installed your theme perfectly and went about making changes. I changed the default logo to my companies logo and when I load the page, the logo is fine, but then I scroll down and the logo just changes to a really small version…

    .site-header .custom-logo-link img {
      max-width: 238px;
      max-height: 38px;
    }

This is what it looks like when I load the page but I want it to do this when it scrolls too. What code am I missing to make it stay like this when it scrolls?

Hello there,

For logo size upon scrolling down, you’ll need the below additional CSS:

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

Regards,
Kharis

Thanks Kharis, that worked perfectly!

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

Hi Kharis, would you mind advising the instructions for inputting this CSS - im not well versed at this and im experiencing the same issue