Jump to content

Missing Header

Go to solution Solved by tuanphan,

Recommended Posts

Site URL: https://www.ariellazoelle.com

I haven't made any recent changes to the coding on my website for almost two months, but I did add a new product to my store this week. For some reason, the header with all the navigation links is missing at the top when you visit my website in both desktop and mobile views. When I open the page in Squarespace, this is what I see, where the header is still missing:image.thumb.png.73bb9b9016af6d64db51f1fc177239f3.png

But as soon as I hit Edit, the header shows up:


But when I click save, the header disappears again.

What is causing it not to display and how do I fix this? I don't understand how adding a new book to my store could cause this error, and I didn't make any coding changes when I added the new product.

This is making my website literally unusable, so I'd really appreciate help! Thanks. 


If you go to https://www.ariellazoelle.com/cart the header appears, but you can't click on anything and none of the drop down menus work or any of the colors change as per my CSS.


But if you go to https://www.ariellazoelle.com/sunnyside the header is still missing:


I don't know if that helps clarify anything, but I'm at a total loss. 

Edited by AFZ
Adding clarifying language and update
Link to comment
  • Solution

Because you have this code in Custom CSS (z-index:4 caused problem)

.header {
    box-shadow: 0px 3px 15px rgb(100 100 100 / 29%);
    -moz-box-shadow: 0px 3px 15px rgba(100,100,100,.29);
    -webkit-box-shadow: 0px 3px 15px rgb(100 100 100 / 29%);
    position: relative;
    z-index: 4;

Remove z-index:4; from the code

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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.