Disabling the fly-out menu

Membership management, event r... » Wild Apricot Software » For Designers and Developers » Disabling the fly-out menu

08-12-2009, 12:14 PM

Poetic Apricot
Joined about 3 years ago
Toronto, Canada
Posts 314

Disabling the fly-out menu

Reply Quote

Some of Wild Apricot themes now come with fly-out menu:

You can disable fly-out menu by first copying the following CSS in to Settings > CSS customization:

#idMainContainer #idMainMenu LI.itemNormal DIV.dynamicMenuLevelContainer,
#idMainContainer #idMainMenu LI.itemNormal UL.dynamic,
#idMainContainer #idMainMenu LI.itemNormal:hover UL.dynamic,
#idMainContainer #idMainMenu LI.itemNormal A:hover UL.dynamic,
#idMainContainer #idMainMenu LI.itemNormal TABLE.dynamic,
#idMainContainer #idMainMenu TD.itemNormal DIV.dynamicMenuLevelContainer,
#idMainContainer #idMainMenu TD.itemNormal UL.dynamic,
#idMainContainer #idMainMenu TD.itemNormal:hover UL.dynamic,
#idMainContainer #idMainMenu TD.itemNormal A:hover UL.dynamic,
#idMainContainer #idMainMenu TD.itemNormal TABLE.dynamic,
#idMainContainer #idMainMenu SPAN.itemNormal DIV.dynamicMenuLevelContainer,
#idMainContainer #idMainMenu SPAN.itemNormal UL.dynamic,
#idMainContainer #idMainMenu SPAN.itemNormal:hover UL.dynamic,
#idMainContainer #idMainMenu SPAN.itemNormal A:hover UL.dynamic,
#idMainContainer #idMainMenu SPAN.itemNormal TABLE.dynamic
{
display: none;
}
#idMainContainer #idMainMenu LI.itemNormal
{
margin-bottom: 0;
}

next, copy the following JavaScript into Settings > Global javascript:

Your menu will no longer display child pages when you place mouse over it:

Poetic Apricot (Matthieu)
http://twitter.com/PoeticApricot
Need help? Give me a call! 1-877-493-6090

Customization help isn't a service we provide; I will do my best to help you in the forums as time permits however I recommend consulting our partners