I need help with the nav bar

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


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:


Yah ok :smile: happy coding :star_struck:


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


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


can you share your codepen link?


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


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.


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


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


thanks !
because i forget it


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 !

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:



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: