How to remove the CSS3 Transitions

Heads up!

This archived doc is for an old version of UberMenu.

For the current documentation, please visit the UberMenu 3 Knowledgebase

UberMenu 2.0 includes some CSS3 transitions that make things smoother in modern browsers, for example the top level menu item tabs on hover. You’ll notice these effects in Chrome and Firefox, but not older versions of IE. If you wish to remove these transitions, add this CSS:

#megaMenu ul.megaMenu > li.menu-item > a,
#megaMenu ul.megaMenu > li.menu-item > a:hover{
  -webkit-transition:none !important;
  -moz-transition:none !important;
  -o-transition:none !important;
  transition:none !important;
}

Note that this is not the same as the submenu dropdown animation. You can turn that off in the UberMenu Control Panel if you wish.

How to remove the CSS3 Transitions

How to remove the CSS3 Transitions

On this page