Change z-index for the main menu navigation bar to 10, to avoid 1st, 2nd, and 3rd menu item z-index level with other components in the page

Problem/Motivation

Anyone have Superfish Menu working on Varbase?

Pretty standard installs of both have the Superfish drop-downs getting screwed up on the z-axis where you can see the full drop-down menu BUT the cursor/click does not work once the cursor drops below the hero.

Weird that the visual isn't behind the hero but the cursor actions are masked by the hero.

I'm guessing it is a z-axis problem and will start tinkering.

Steps to reproduce

that the main menu has 1st, 2nd and 3rd level nesting menu
the Hero Slider or the Media Header blocks were placed in the page
the block has no spacing between it and the main menu navigation bar
the 2nd, 3rd menu level will not be clickable

Proposed resolution

Change z-index for the main menu navigation bar to 10, to avoid 1st, 2nd, and 3rd menu item z-index level with other

Remaining tasks

• ✅ File an issue about this project
• ❌ Change z-index for the main menu navigation bar to 10, to avoid 1st, 2nd, and 3rd menu item z-index level with other components in the page.
• ❌ Testing to ensure no regression
• ❌ Automated unit/functional testing coverage
• ❌ Developer Documentation support on feature change/addition
• ❌ User Guide Documentation support on feature change/addition
• ❌ Code review from 1 team member
• ❌ Full testing and approval
• ❌ Credit contributors
• ❌ Review with the product owner
• ❌ Release

User interface changes

Have a working click action for 2nd and 3rd main menu item links
while other component could have 1, 2, 3, up to 10 z-index under the main menu

API changes

• None

Data model changes

• None