Disable animation on sticky header

sunsetstriker · November 2016

Hi,

I need support; I want disable the visual effect when the #Top_bar becomes #Top_bar.is-sticky so I need to disable the menu's voices animation (the menu's voices go from top to center of the Top_bar) and when I scroll up the page at the top the Top_bar increases the size and then returns to the original size of Top_bar.

Thank a lot for your great support.

Albert · November 2016

Hi,

as we understand, you simply need FIXED header type. You can set FIXED header under Theme options > Header & Subheader > Header section.

sunsetstriker · November 2016

But I want that #Top_bar has "semi-transparent" background and when #Top_bar.is-sticky the background color solid white without opacity.

Albert · November 2016

Please send us link to page where you would like to do this then and we will see if it's possible.

sunsetstriker · November 2016

The URL: http://lsd.ingrandimentiservice.com

Albert · November 2016

Ok, so to make it that way, you need to use the following css:

#Top_bar.is-sticky { opacity: 1 !important; }

Disable animation on sticky header

Comments