Return to previous page

Change All Department menu animation - by Bilal

This topic has 4 replies, 3 voices, and was last updated 4 years, 10 months ago ago by Olga Barlow

Bilal

Participant

February 19, 2021 at 23:46

Hello,
how can I change the animation of all department menu?

Copied Theme version: 7.2.4.1

3 Answers

Rose Tyler

Support staff

February 20, 2021 at 08:12

Hello,

Please describe the desired result in more detail. Maybe provide some examples.
Thanks in advance.

Regards

Copied

Bilal

Participant

February 22, 2021 at 06:06

Hello Rose,
want to change the flyout animation of all department menus to slide or fade animation effect.

Copied

Olga Barlow

Participant

February 22, 2021 at 18:05

Hello,

Add the below code to Theme Options > Custom CSS

.et-secondary-shown .secondary-menu-wrapper .menu, .et-secondary-visibility-opened .secondary-menu-wrapper .menu, .et-secondary-visibility-on_hover .secondary-menu-wrapper:hover .menu, .et-secondary-visibility-opened.et-secondary-on-home .secondary-menu-wrapper:hover .menu, .et-secondary-visibility-opened.et-secondary-on-home.home .secondary-menu-wrapper .menu {
    animation-name: et-toTop;
}

or depending on animation you want

 .et-secondary-shown .secondary-menu-wrapper .menu, .et-secondary-visibility-opened .secondary-menu-wrapper .menu, .et-secondary-visibility-on_hover .secondary-menu-wrapper:hover .menu, .et-secondary-visibility-opened.et-secondary-on-home .secondary-menu-wrapper:hover .menu, .et-secondary-visibility-opened.et-secondary-on-home.home .secondary-menu-wrapper .menu {
  animation-name: fadeIn; 
}

Regards

Copied