Sticky Header Animation

[WFusion]

Hello,

My website is using a sticky header. Currently I have the sticky header at a constant size so that when you scroll down the page it does not reduce in size. However when you scroll down the page from the very top, there is a fade animation within the header area.

Can you please let me know how to turn this off?

Any assistance would be great.

Thanks

[David Martin – Support]

Hi,

Please test this:

.sticky-header {
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
    transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: none;
}

Thanks.

[WFusion]

Hi David,

Thanks for the feedback.

Unfortunately when I paste this in the Custom CSS area the animation is happening.

Do you have any other ideas?

Thanks

[David Martin – Support]

Can you add a WP login for me?

Thanks.

[WFusion]

This reply has been marked as private.

[David Martin – Support]

Thanks, I amended the CSS to:

.sticky-header {
-webkit-transform: none!important;
-moz-transform: none!important;
transform: none!important;
transition: none!important;
-moz-transition: none!important;
-webkit-transition: none!important;
-o-transition: none!important;
}

– David.