Folder drop down is broken in my navigation bar

Hi guys! 

I want to add a Canadian/U.S Flag toggle to my top navigation bar and figured out how to do it, except my drop down folder is getting an overlay from my second navigation bar. Any ideas how to fix this?

I've attached a photo below. 

The website URL is https://penguin-roadrunner-4c8m.squarespace.com/

Password: Skyfall77

nai

Changing z-index of dropdown & .Header--overlay.Header.Header--bottom

z-index dropdown should be higher .Header--overlay.Header.Header--bottom

7 hours ago, tuanphan said:

Changing z-index of dropdown & .Header--overlay.Header.Header--bottom

z-index dropdown should be higher .Header--overlay.Header.Header--bottom

Thank you, you're always so helpful! 🙂

But if the Z index  is higher, won't my navigation bar turn funny? Since they are both transparent??

What would the code look like?

@ecs_cares Find and edit z-index: 100;

.Header--overlay.Header.Header--bottom {
    position: fixed;
    top: 73px;
    z-index: 9999;
    background-color: rgba(255,255,255,.65)
}

Next, find and edit z-index: 200;

.Header-nav-folder {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 100%;
    left: -99999px;
    z-index: 999;
    margin-left: -1em;
    padding: 1em;
    opacity: 0;
    white-space: nowrap;
    text-align: left;
    -webkit-transform: translate3d(0,10px,0);
    -moz-transform: translate3d(0,10px,0);
    -ms-transform: translate3d(0,10px,0);
    -o-transform: translate3d(0,10px,0);
    transform: translate3d(0,10px,0);
    -webkit-transition: left 0s .2s linear,transform 0s .2s linear,opacity .2s ease-out;
    -moz-transition: left 0s .2s linear,transform 0s .2s linear,opacity .2s ease-out;
    -ms-transition: left 0s .2s linear,transform 0s .2s linear,opacity .2s ease-out;
    -o-transition: left 0s .2s linear,transform 0s .2s linear,opacity .2s ease-out;
    transition: left 0s .2s linear,transform 0s .2s linear,opacity .2s ease-out
}

22 minutes ago, tuanphan said:

.Header-nav-folder { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; top: 100%; left: -99999px; z-index: 999; margin-left: -1em; padding: 1em; opacity: 0; white-space: nowrap; text-align: left; -webkit-transform: translate3d(0,10px,0); -moz-transform: translate3d(0,10px,0); -ms-transform: translate3d(0,10px,0); -o-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0); -webkit-transition: left 0s .2s linear,transform 0s .2s linear,opacity .2s ease-out; -moz-transition: left 0s .2s linear,transform 0s .2s linear,opacity .2s ease-out; -ms-transition: left 0s .2s linear,transform 0s .2s linear,opacity .2s ease-out; -o-transition: left 0s .2s linear,transform 0s .2s linear,opacity .2s ease-out; transition: left 0s .2s linear,transform 0s .2s linear,opacity .2s ease-out }

Hmm

it's still looking like this:

24 minutes ago, tuanphan said:

@ecs_cares Find and edit z-index: 100;

.Header--overlay.Header.Header--bottom {
    position: fixed;
    top: 73px;
    z-index: 9999;
    background-color: rgba(255,255,255,.65)
}

Next, find and edit z-index: 200;

.Header-nav-folder {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 100%;
    left: -99999px;
    z-index: 999;
    margin-left: -1em;
    padding: 1em;
    opacity: 0;
    white-space: nowrap;
    text-align: left;
    -webkit-transform: translate3d(0,10px,0);
    -moz-transform: translate3d(0,10px,0);
    -ms-transform: translate3d(0,10px,0);
    -o-transform: translate3d(0,10px,0);
    transform: translate3d(0,10px,0);
    -webkit-transition: left 0s .2s linear,transform 0s .2s linear,opacity .2s ease-out;
    -moz-transition: left 0s .2s linear,transform 0s .2s linear,opacity .2s ease-out;
    -ms-transition: left 0s .2s linear,transform 0s .2s linear,opacity .2s ease-out;
    -o-transition: left 0s .2s linear,transform 0s .2s linear,opacity .2s ease-out;
    transition: left 0s .2s linear,transform 0s .2s linear,opacity .2s ease-out
}

 

Nevermind!! it's fixed. THANK YOU SO MUCH! 🙂 You're the best.