Hi,

I would like to create a footer menu for a site which replicates my main menu along with showing each of its sub menus. Something like on this site . I don't want to have to manually create each main menu and its sub menus as a module.

I tried copying the mainmenu module and using List as the menu style but it just put the list in one long vertical list - what I need is for each main menu item to be in a new column.

Anyone know how to easily achieve this?

Off the top of my head, how about floating all the top level UL LIs left, giving them a fixed width of 20% or whatever, then setting top=0 relative to the UL?

e.g. <li style="position:relative;top=0;float:left;width="20%">

Thanks Dex, that could work. I'll give it a try and report back.

You may glean a solution from Joomla Bamboo's site using Firebug..

dex - using CSS for ul and li etc. does the trick and will be just what I need.

RicRaftis - I checked our joomlabamboo but I think that they have created individual modules for their footer menus which are updated independant of the mainmenu as they have different headings, not all the mainmenu items are in the footer and each column has a different id name.

Just thought I would pipe in on this.

I use this technique often... here's how I do it.

Just make a copy of the Menu Module and publish it to the correct position (footer)
Then give it a different menu class suffix... and away you go.

This way you are essentially creating a duplicate of the same menu only styled differently.

Generally to get a list (don't use the legacy flat list) to lay out in a horizontal fashion you would do something like.

ul.footermenu {
list-style: none;
padding: 0;
margin: 0;
}
ul.footermenu li {
float: left;
padding: 5px 10px;
}

That's obviously just a start.

Hope this helps.