Jump to content

Missing Header (newbie needs help!)

Recommended Posts

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 pagehttps://rose-butterfly-k22r.squarespace.com/

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

Password:1234

image.thumb.png.aae023827eec9af579614d7e39143b1b.png

image.thumb.png.fe3fcefd1efa660b5e9f349e7f1ce138.png

Link to comment
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 pagehttps://rose-butterfly-k22r.squarespace.com/

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

Password:1234

image.thumb.png.aae023827eec9af579614d7e39143b1b.png

image.thumb.png.fe3fcefd1efa660b5e9f349e7f1ce138.png

This code is hiding your navigator

image.thumb.png.09804247f32805add2b123db51e21cdf.png

What is your purpose with it?

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment

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!

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.