ARI Team,

First of all thank you for the cool menu control. We trying to replace the default joomla menu with the ARI Ext Menu. But came across some styling issues. Really appreciate if you could point us in the right direction here.

1) Remove the spacing between the submenu items
2) Text color not changing
3) Possible to specify a seperator image between the top menu items
4) Change the Selected menu item's background
5) Extend the top menu all the way to the end of the page

Please take a look at www3.brandonassociates.com. If you view the source of the page, you could see the styles I applied to the ARI Menu.

The first menu bar is the Joomla menu and the second menu bar is the ARI. I am trying to replicate the default menu bars style to ARI menu. Really appreciate your help on this. Please let me know if you need more info.

Thanks.

Hello,

Sorry, but we can't open provided link.

Regards,
ARI Soft

Sorry. I have attached a screenshot. The first menu bar is the Joomla menu and the second menu bar is the ARI menu. I have applied the following styles.

We need to see the menu that we can help.

Regards,
ARI Soft

Sorry. I had trouble with the attachment the first time around due to size restrictions. I have resized the image and attached it to my previous post. Thank you for the superfast response.

Hi, I was able to fix majority of the problems.

1) Remove the spacing between the submenu items [OK]
2) Text color not changing [OK]
3) Possible to specify a seperator image between the top menu items
4) Change the Selected menu item's background [OK]
5) Extend the top menu all the way to the end of the page [OK??]

For 5) modified the .ux-menu-container style to use the background image used by the .ux-menu. Not sure whether this is the right way to do.

.ux-menu-container
{
background: none;
background-image: url('./templates/5/images/nav.png');
background-repeat: repeat-x;
border: solid 0px #ffffff;
top:2px;
}

Everything looks and works perfectly in FireFox. But I am seeing lot of issues in Chrome, IE8 and older versions of IE.

1) When I click on a menu item, the .ux-menu-container flickers. Also the entire top level menu shifts a few pixels downs and comes back. Kind of like the button click effect.

2) When I click a submenu item, the submenu and top menu bar items looses its style. The background image specified is not visible and all I see is menu items with transparent background.

Could you please help me out here? Please see screenshot attached.