max mega menu's hover transition effect is not working

  • Resolved babu333

    (@babu333)


    9 years, 2 months ago

    Trying to add transition effect on menu item hover using max mega menu’s custom css panel. It is showing on chrome inspect elements, but not working.

    The code is as below:

    #{$wrap} #{$menu} > li.mega-menu-item > a.mega-menu-link  {
   -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}

    https://www.ads-software.com/plugins/megamenu/

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author megamenu

    (@megamenu)

    Hi babu,

    There is an option in the general theme settings (Hover Transitions) which will do the same thing. It will only work with solid colors though, if you are using gradient colors for your menu items the transition won’t be applied (due to browser limitations).

    Regards,
    Tom

    Thread Starter babu333

    (@babu333)

    Thanks Tom, problem was i accidentally set the background color’s of menu items’ transparencies in “to” and “from” slightly different.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘max mega menu's hover transition effect is not working’ is closed to new replies.