Header logo: smoother transition on scroll

#1

Hi - I am loving this theme, thank you!

When the user scrolls, I’d like the header logo to smoothly resize and for all of the content to more smoothly transition.

I saw this thread, but it didn’t seem to work.

Thanks,
Dan

#2

Hello Dan,

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

    .custom-logo {
      -webkit-transition: all 0.47s ease-out;
      -moz-transition: all 0.47s ease-out;
      -ms-transition: all 0.47s ease-out;
      -o-transition: all 0.47s ease-out;
      transition: all 0.47s ease-out;  
    }

Regards,
Kharis

#3

This worked a treat, thanks so much! I was trying to figure it out for 2 hours!

#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