Do this as follows:
In Settings / Site Options / Accordion Menu, start with everything at Use Parent (except MenuBackground and MenuWidth).
Set RevealType to mouseover.
OK out.
That's the mouseover effect working. However it may look better if you set a fixed height for the sub-menus.
To arrange for a fixed height to be reserved for the sub-menus, continue as follows:
In Settings / Site Options / Accordion Menu.
Set OneMustOpen to true.
OK out.
Edit file accordion-glossy.css.
We first set the sub-menu height. Look for the lines:
Code: Select all
.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}
Code: Select all
.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
min-height: 200px;
}
Optional: The border below the sub-items can be removed if it looks better that way. Look for the lines:
Code: Select all
.glossymenu div.submenu ul li{
border-bottom: 1px solid <actinic:variable name="AM-MenuBackground" />;
}
Code: Select all
.glossymenu div.submenu ul li{
}