Pro Header Sub Menu Transition

Support
#1

Hi

I am using the pro header and am using the navigation inline element with the integrity preset. When you hover over a top level menu item its sub menu fades in. When you then hover over a new top level item the new sub menu fades in whilst the old one fades out.

I was wondering is there a way for the first sub menu to fade out either faster than or at the same time as the new one fading in.

At the moment there is about a 0.5s delay between the new sub menu fading in and the old one fading out. I would like the transition to be smoother please.

Thanks

1 Like
#2

Hey there,

Regretfully this isn’t a feature offered by Pro. It could be possible with custom development, but this would be outside the scope of support we can offer. You may wish to consult a developer to assist you with this.

Thanks for understanding. Take care!

#3

Sorry to dig up an old post, but is this still the case, and it can’t be changed?

#4

Hi @ian_t,

Unfortunately, it’s still not possible. But, this is already added to our issue tracker as a future enhancement. I just couldn’t tell when.

Thanks!

#6

hi there, here, too. any news on that? how about some code like that: https://theme.co/apex/forum/t/hover-transition-header-builder/29598/2
custom-nav-hover-style
.custom-nav li a:hover {-webkit-transition-property: width; -webkit-transition-duration: 2s; transition-property: width;transition-duration: 2s;opacity: .5;:-ms-transition: opacity 0.5s ease-in-out;-o-transition: opacity 0.5s ease-in-out;transition: opacity 0.5s ease-in-out;}
it just does not work :frowning:
thanks a lot! kai

#7

Hi @iTurtle,

Thanks for writing in! I just replied you on your thread https://theme.co/apex/forum/t/hover-transition-submenu-items-header-builder-pro/44749/2

Thanks!