The last 4 links in my navbar are dropdowns with submenus. I have the navbar itself positioned absolute because it needs to be layered on top of the hero image for an interaction that I’m adding later.
How can I get the dropdown menus to appear when you scroll over the trigger links on top – and not be hidden behind the hero – and still display properly? (And how do I do this while still keeping the whole navbar layered over the hero.)
Not related to the dropdown issue, but equally as frustrating, are the top-level links in the menu itself. When rolling over them, how can I get the correct text hover state styling to appear? The text should turn white when you roll over the button area.
The top-level links not only trigger the dropdowns, but are themselves links to other pages in the site.
Any help is greatly appreciated! I have combed through the forum archives and online tutorials, but have not been able to figure this out. Thanks!