Navbar sub-menu dropdown help

[core11]

Hello, i need some help with the Navbar sub-menu dropdown on my page.

1. How to have the sub-menu dropdown to dropdown over the front page image?

2. How to have the sub-menu dropdown under the menu text/link instead of covering over the menu text/link?

3. How to remove the Orange bar on the top when the sub-menu drops down?

Thanks so much for the help!

[core11]

Here is the link to my page:
http://www.spinworkx.com/main/

[christian]

Hey @core,

1. Add this code to your Global CSS

body.home {
    height: 100vh;
}

2. Go to X > Theme Options > Header and increase NAVBAR TOP HEIGHT to 60

3. Add this to your Global CSS

.x-navbar .desktop .x-nav > li > a:hover, .x-navbar .desktop .x-nav > .x-active > a, .x-navbar .desktop .x-nav > .current-menu-item > a {
    box-shadow: none;
}

Hope that helps.

[core11]

Thanks so much once again @christian_y!
Really appreciate it!

[christian]

You’re welcome, @core.