My site is still under development but can (usually) be seen at: www.spirit-of-the-land.com/SOTLjoomla/

I am using ARI Ext Menu (latest version) in a new Joomla 3.5 site with the Beez3 template. With the addition of the module css suggested elsewhere, the menu works well. Tanks for a good extension.

However, I have one question. If I look at my site with Firebug I find that a template-wide section "div#ariext_container.ux-menu-container.ux-menu-clearfix" occupies a space 1050px (the template width) by 36px high. Despite my best efforts I cannot see whether it is possible to reduce this vertical space. I am short of vertical space on the site and trying to gain pixels wherever possible.

The menu is, as suggested in another post, published with module css which includes the following:

#header .ux-menu-container ul
{
max-width: none;
padding: 0;
margin: 0;
}

#header ul.ux-menu
{
top: -180px;
}
}

I assume that the menu is therefore published below the template's header image, but the css above causes it to display above the header image as required.

Can anything be done to reduce the apparent waste of 36px vertically?

Incidentally, I also note that the Uppercase/Capitalise options in the menu module setup seem to have no effect. I just got around the problem by typing my menu names using uppercase characters.

Hello,

Could you send an image where we can see what you want to achieve?

Regards,
ARI Soft

Thanks for your reply. The attached image shows a light blue stripe highlighted by Firebug. The space occupied by this stripe is 36px in height. Can its height be reduced?
[img} [img size=800]www.ari-soft.com/images/fbfiles/images/arisoft.jpg[/img]

Add the following CSS rule:

#header .ux-menu-container {position:absolute;}

Regards,
ARI Soft

Excellent! That works well - solves my problem.

Thank you for your support.