Missing Header (newbie needs help!)

Site URL: https://rose-butterfly-k22r.squarespace.com/

Hello!

I have a customized head navigator on the top of my webpage(i put the HTML code in 'code injection - header') and now it's gone...  What it's supposed to do is that when the user hovers over the element, it will turn dark and a drop-down sub-menu should appear. It works just fine until recently. The only change that has been done is that my client edited the page orders months ago(no code related revisions involved). She didn't notice any problem then but today she noticed that some links are broken and the customized menu is missing. I have fixed the broken link but I couldn't figure out how to recover the missing menu. I don't see how re-ording the pages could've caused this problem and neither of us has changed the code.

The only thing I could figure out is that for some reason, the customized menu is somehow placed to the bottom and thus covered by the other elements. However, I tried changing the z-index of "#container_nav" (my customized bar id) or z-index of other sections, it still won't work. It's probabley a silly question, but I'm a newbie to CSS and HTML coding and I have been working on it the whole day and still has no clue... Any advice would be much appreciated. Thanks a lot!

Home page: https://rose-butterfly-k22r.squarespace.com/

Project sample page: https://rose-butterfly-k22r.squarespace.com/projects/drexel-university-korman-center

Password:1234

3 hours ago, GuyL said:

Site URL: https://rose-butterfly-k22r.squarespace.com/

Hello!

I have a customized head navigator on the top of my webpage(i put the HTML code in 'code injection - header') and now it's gone...  What it's supposed to do is that when the user hovers over the element, it will turn dark and a drop-down sub-menu should appear. It works just fine until recently. The only change that has been done is that my client edited the page orders months ago(no code related revisions involved). She didn't notice any problem then but today she noticed that some links are broken and the customized menu is missing. I have fixed the broken link but I couldn't figure out how to recover the missing menu. I don't see how re-ording the pages could've caused this problem and neither of us has changed the code.

The only thing I could figure out is that for some reason, the customized menu is somehow placed to the bottom and thus covered by the other elements. However, I tried changing the z-index of "#container_nav" (my customized bar id) or z-index of other sections, it still won't work. It's probabley a silly question, but I'm a newbie to CSS and HTML coding and I have been working on it the whole day and still has no clue... Any advice would be much appreciated. Thanks a lot!

Home page: https://rose-butterfly-k22r.squarespace.com/

Project sample page: https://rose-butterfly-k22r.squarespace.com/projects/drexel-university-korman-center

Password:1234

This code is hiding your navigator

What is your purpose with it?

Hello there

The code you highlighted was the default header, which was supposed to be invisible(I added my own header from the code-injection). The problem was that the header I've added was hidden under the images.  That said, I finally managed to fix it by changing the z-index of '.container' just now. Thanks for your reply!