Logo randomly changing size when scrolling


#1

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?


#2

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


#3

Thanks Kharis, that worked perfectly!


#4

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