I've attempting to build a complex menu system, which can be see from the link below.
The four links to the right are the main navigation that is found in the header. When the user hovers or clicks (for touch screens) on the "Industries" link, the industries navigation should open to the left.
What is the best way to implement this?
It seems like there are two problems to tackle:
First, how do I set up the secondary Industries navigation to display when the Industries link is hovered and/or clicked?
Second, what's the best way to create the links in the industries navigation box? My first thought is to hard code the links to each page, as this would be easiest. But it would be better in the end to have those links populate from the existing Industries pages, so the client could add new pages easily. How would this done?
I am considering the pageMash plugin to customize the displayed links in the main nav (Industries, Blog, About, Contact), but this may not be the best choice.
I'm relatively new to Wordpress and Thematic, but it's pretty great so far.
Any help is appreciated.