I'm working on a Bootstrap site and having difficulties figuring out the best solution for structuring the nav. There will be about 5 top level items, each with their own subpages accessible through dropdowns. Research seems to point to click being the better way to access those dropdowns instead of hover. Problem with that for me is that it changes the functionality of the top level nav items from linking to their respective pages, to instead opening the dropdowns.
So for example, if I have this...
1.0 - Products
- Product 1
- Product 2
- Product 3
Is there any way to have that 1.0 - Products link control the dropdown but also click through to the Products page? I'd rather not have to resort back to hovering or creating a Mega Menu and inserting clickable section headers. I can just put in an Overview page as the first dropdown item, but again, would rather not have to resort to that. Any ideas, examples, reading on this would be appreciated.