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