Fixed navbar under cover image

Question

I've got a little problem. I'm building my portfolio and make the cover image on the begining but under that image I want to dispaly the fixed-top navbar which will follow me on the entire page. So how can I hide it under the cover image ? I hope you understand my problem :slight_smile: Thanks in advance :slight_smile:

I did what i want with z-index property. I gave 1 to image cover and 0 to others elements. Do you think that is a good idea ?

https://codepen.io/Dzonyy/pen/RoKmoe It's fast copy from my PC so I didn't add images :) — DzonyyDzonson, Nov 20 '16 at 21:54

score 0 · Answer 1 · edited May 23 '17 at 10:32

0

There are several solutions and I do not know yours. But be sure to set div containing your "nav-bar" to position: fixed;

You will find some answers here, I hope

edited May 23 '17 at 10:32

Community

1
1

answered Nov 20 '16 at 18:43

androc

11
5

My navbar works properly but I want to hide it under cover image and display it under on other sections. – DzonyyDzonson Nov 20 '16 at 18:54

Fixed navbar under cover image

1 Answers1