Hi,

I'm trying to do a horizontal menu were the top-level (parent) menu item consist soley of an image (i.e. no text). The sub-menu items should be as they are by default (i.e. text link only).

How can I do this?

Hello,

It is necessary to use custom CSS rules. It will look like:

UL.ux-menu LI.ux-menu-itemITEMID>A
{
text-indent: -999em;
background-image: url(LINK_TO_IMAGE);
background-repeat: no-repeat;
background-position: center center;
}

Where ITEMID is menu item ID, it can be found in Joomla! menu manager. LINK_TO_IMAGE is a link to menu item image.

For example if you want to show <joomla_directory>/images/menu1.jpg image for menu item with ID = 35, use the following CSS rule:

UL.ux-menu LI.ux-menu-item35>A
{
text-indent: -999em;
background-image: url(images/menu1.jpg);
background-repeat: no-repeat;
background-position: center center;
}

Custom CSS rules can be placed in "CSS Styles" parameter in module settings.

Regards,
ARI Soft