Stickynav bar disappearing?

1

Hi all

I know why this is happening, as I have body set to this in css:

html, body {
	height: 100%;
	margin: 0;
	scroll-behavior: smooth;
}

If I don’t do this, the body goes under the particles header.

Here is the project:

Anyone know how I can fix this?

Thanks!

2

I don’t know your exact question… the navbar seems to be behaving the right way to me when I look at your website.

However from some of what you mentioned, maybe z-index would be worth looking into?

https://www.w3schools.com/cssref/pr_pos_z-index.asp

3

It disappears after you scroll past the green section. This is on the branch 8-redesign, not the master branch which is the live one.

How can I get it to stay even after the green section?

4

@DipperDolphin Try this

.navbar {
	background:rgba(248, 249, 250,0.6);
	position: fixed;
	width: 100%;
}
1 Like
5

Perfect, thank you so much!