First I just want to say thank you for such a great extension!

I just have two things that I would like to do to my menu:

1: The first is that I would like to change the size (height and width) of each individual menu item.

2: And the second is if it's possible to create a hovering effect such as an arrow underneath the menu item when hovered.

I've provided a screen shot of the hovering effect that I would like to achieve. Notice that there is a little arrow underneath the hovered menu item.

I did find the like to the HTML layout and the CSS style sheet, but I'm a neewbie and don't understand it at all.

Thanks in advance!!!

Hello,

Description of menu HTML layout and CSS classes can be found here. We can also recommend to use FireBug addon for FireFox browser that play with styles in browser.

Regards,
ARI Soft

I don't understand all that coding. And I've already tried with firebug also but don't understand it. There's too much stuff there. Any additional help would be much appreciated.

Use the next code that change menu item width and height:



Where [MENU_ITEM_ID] is ID of menu item, it can be found in Joomla! menu manager. For example if you want to change width and height for menu item with ID equals to 37, use the next CSS rules:



Regards,
ARI Soft

That did it! Thanks for the great support!! There's no way I would have gotten that from the style sheet link.