Jump to content

How can I make my navigation bar fixed?

Recommended Posts

  • Replies 14
  • Views 37.5k
  • Created
  • Last Reply

Thanks for your answer, but I did as instructed & nothing changed.

But I unchecked in the Header section of the Style Editor "Transparent on Banner Images" & now it works.

Thanks a lot!

Link to comment
  • 1 year later...

New here, thank you, Justin. And actually I'm not using Hayden, I'm using Hyde, so that's probably why the Style Editor is different. Would love to find a fix for this.

Link to comment
  • 1 year later...
  • 3 weeks later...

For me I had to add this to your custom CSS section:


header {
position: fixed;
 width: 100%;
z-index: 4;
}

so it's fixe, take 100% of the width of the screen, and is always saw first (index)

Link to comment
  • 1 year later...

Hi! But when I add this code to my CSS section the menu goes into my site's area, so how you can see in the attached picture. Does anyone have a solution for that? So that the fixed menu bar starts above the content and not inside?

alt text

alt text

not.png.5e79939e98f8359897075bcb31bf9d7c.png

fixed.png.6e2926838c5af7b489598e6392df3dc7.png

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.