Smooth roll over menu
 

Hi everyone. I'd like to know if there is any patch to add to my ATO in order to have the menu of my website rolling over smoothly. (see the actual menu: www.svaka.org ) Thanks in advance.

have you looked thru the menu options?

Well, if i use "Animate Page Menu Bar" i have a big mess with my french and english menus. but the hebrew indeed works smoothly fine ! Here are the patch i added for the fr and eng menus :

div#menu1 ul.rMenu li.current_page_parent a {
color: #ffffff;
background-color: #A51B0E;
}
ul#rmenu2 li.rMenu-expand ul.rMenu-ver li.page_item a{
background-color:#ffffff;
color: #A51B0E;
padding-left: 10px;
}
ul#rmenu2 li.rMenu-expand ul.rMenu-ver li.page_item a:hover{
color: #ffffff;
background: #A51B0E;
}
div#menu1 ul.rMenu li a:link,
div#menu1 ul.rMenu li a:hover,
div#menu1 ul.rMenu li a:visited,
div#menu1 ul.rMenu li a:active {
font-weight: bold; letter-spacing: 0.2px;
}
ul.rMenu li {display: inline; padding: 0px 7px 0px 7px; background: transparent !important;
}

Plus some patch to get rid of the default arrow and for the shadow.
then, when i did the hebrew version it was the hebrew menu that got messy so i added these :

body.rtl ul#rmenu2 li.rMenu-expand ul.rMenu-ver li.page_item a{
width: 7em; margin: 10px 0px 10px 0px;
}

body.rtl div#menu1 ul.rMenu-ver {
width: 10.05em;
border: 1px solid #ffffff;
margin-right: -8px !important;
}

body.rtl ul#rmenu2 li.rMenu-expand ul.rMenu-ver li.page_item a:hover{
color: #ffffff;
width: 7em;
margin-right: -8px;
padding-right: 13px !important;
}

i m definitely not a pro with coding so i m doing sort of "bricolage" !

any clue ?

How have you set it up for multi languages?

i use wpml with english as default language

well...as that is a premium plugin and I don't own it, I'm not sure what I can say except you might want to ask them why it is hapening.

The animation is handled by some jscript the theme adds in.

ok, thanks...