I need help with the nav bar

Hello all !
I’ve been working on creating the portfolio project, the thing is I guess I did it good :sweat_smile: but then I had this new idea of using the picture as a background for the about me section, but the problem is now when I scroll down the words that is written on the background covers the nav bar !!!

what can I do to solve this please any tips ?

just add in css to .header .navar the property z-index: 999; that will insure your navigation stays on top of any other content having a lower z-index. More on z-index here

1 Like

I just tried it, and it worked !
thank you very much :sunny: :smiley:

Don’t forget to add to your navigation the contact link. Happy coding. :+1:

1 Like

Yah ok :smile: happy coding :star_struck:

hello,
i’ve been working on my portfolio project but now the problem is , i add glyphicon icon in navbar when it will open on mobile the navigation menu show when click on glyphicon icon but it isn’t working
help me,
so i fixed it

1 Like

@sorinr maybe u could help her with this ^^"

can you share your codepen link?

1 Like

yes sure.
here: https://codepen.io/Hooriahic/full/pVaJeW/

1 Like

sorry for this but she replied :sweat_smile:

In codepen settings->javascript just add BS3 after jquery and it will work.

Note: I had to comment out all your js code because you have some errors in the if clause that prevent your codepen to run.

1 Like

@HooriaHic hope u get the notification ^^
and thanks again @sorinr :smile:

1 Like

Hello @FatimaZahra and @sorinr!
I just complete my personal portfolio project.
check it out!
here is my portfolio link: https://codepen.io/Hooriahic/full/pVaJeW/

Add target="_blank" to all your <a> tags within your projects so they open in a new tab

1 Like

thanks !
because i forget it

1 Like

Nice job keep up the good work :blush:

sorry I have another question :sweat_smile:

in order to make the website responsive I added this link !
https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0/css/bootstrap.css

which then showed all these green boxes which I didn’t recognize what they are !
so what can I do please to solve it out ! :sweat_smile:

https://codepen.io/fatimazahra/pen/JvxRyO?editors=1100

Take a look in here:

.container {
  width: 1050px;
  margin: auto;
  background-color: green;

oops! I didn’t notice that ! thank you very much :sweat_smile:

hello guys!
i just finished my random joke machine project
check out


any feedback or advice needed
Thanks a lot
:smirk: :face_with_raised_eyebrow: