I need help with the nav bar

I need help with the nav bar
0.0 0

#1

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 ?


#2

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


#3

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


#4

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


#5

Yah ok :smile: happy coding :star_struck:


#6

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


#7

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


#8

can you share your codepen link?


#9

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


#10

sorry for this but she replied :sweat_smile:


#11

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.


#12

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


#13

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/


#14

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


#15

thanks !
because i forget it


#16

Nice job keep up the good work :blush:


#17

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:


#18

Take a look in here:

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

#19

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


#20

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: