[grooo-obyandex-com]

Hello there,
Could it be possible to have slowly dropping sub-menus when hovering over menus? I’m using a CATCH EVOLUTION free theme.
Thanks a bunch
R

[Skandha]

@grooo-obyandex-com: Hello there,
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

@keyframes smoothScrollBack {
  0% {
    transform: translateY(60px);
  }
  100% {
    transform: translateY(0px);
  }
}

.main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul {
	animation: smoothScrollBack 0.3s backwards, fadein 0.6s;
}

Let me know if this works out!
Kind Regards,
Skandha

[grooo-obyandex-com]

ok thanks, I will
R

[grooo-obyandex-com]

Hello!
This CSS code seems to make my sub menus BOUNCE ! .. do you have anything more like a smooth drop?
Thanks

[Skandha]

@grooo-obyandex-com: Then use the following Code instead of the above one.
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}

.main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul {
	animation: fadein 1s;
}

Let me know if this is what you want!
Kind Regards,
Skandha

[grooo-obyandex-com]

Hello again,
This is better! thanks
What I meant by “slowly dropdown sub menus” is UROLLING sub-menus… As we hover over a menu the sub-menus unroll and roll back when the mouse leaves the menu area..
Sorry if I got mis understood
any idea?
thank you
RP

[Skandha]

@grooo-obyandex-com: Didn’t the above code work out. Do you want the sub menu to roll down in a specific way?

Kind Regards,
Skandha

[grooo-obyandex-com]

Just a simple roll and unroll as we hover over a menu! This code was only fading in and out the sub-menus…
thanks

[Skandha]

@grooo-obyandex-com: Hello there,
I can’t figure out what you mean by rolling an unrolling of the menus. Could you post in a link where it is implemented so that I can help you out.

Kind Regards,
Skandha

[Author]

Posts