I'm in the process of a website redesign and I'm not really sure what to do with the navigation. The goals of the redesign are to simplify the site and make it more mobile friendly.
The existing site has a two level nav that appears when you mouse over any of the top level links (screenshot below). On devices that don't support mouse events, the secondary nav is permanently visible.
http://i.stack.imgur.com/liagI.jpg - high res version of the screenshot
I'm struggling to find a better solution for the navgivation. The secondary pages are important so just losing the secondary nav isn't an option. I also can't simplify it down to just one, long primary nav.
What are my options?