Hi

I'm developing a website with ari ext menu - www2.kymaner.com/

At this moment i styled my menu as i wished, but something is not quite right. When i mouse over menu "Company" to see the submenu, there is too much space between the menu and the submenu and i want that the submenu appears right below the menu, close to the blue line.

I've tried several css lines to do that, but i'm stucked. Can you help me?

Hello,

Add the next CSS rules:



Regards,
ARI Soft

Perfect. That did the trick.

Just another quick question. My submenu in active state is not quite right yet. How can i apply a different active state to submenu and not inherit it from the mainmenu?

Could you provide a screenshot where we can see what do you want to achieve?

Regards,
ARI Soft

www2.kymaner.com/index.php?option=com_content&view=article&id=47&Itemid=34&lang=en

If you click on the link, is the about us page. When mouse over over the item "Company" to see the submenu, you can see that the about us link as an active state, and inherits the background image that is defined in the mainmenu active state...

tried to duplicate

.ux-menu-sub li a:hover {
color:#FFFFFF;
font-size:14px !important;
font-weight:bold !important;
background-color: #005496;
text-decoration: none;
background-image: none;
}

and atribute a:active, but the background image still appears...

Try to use the next CSS rule:



Regards,
ARI Soft