Nav bar help/ Parallax image enlargement

Nav bar help/ Parallax image enlargement
0.0 0

#1

Link to codepen: http://codepen.io/NerdBurglur/pen/aBqqoV?editors=1100

This has been giving me trouble for about 12 hours…

  1. The navbar and subsequent dropdown on my navbar are going behind the background images.
    Im trying to make a fixed nav bar with a drop down that comes down on top/over all the images.

thanks!


#2

The images are not working for me. Imgur hosted images do not work on codepen. I will fork you site and put different images then take a look at the problem.


#3

oh bummer! Thanks for the heads up on that…glad i found that out now! do you know if i can just put them on facebook or something and link from there? And thank you for your help.


#4

Here are some links you can use:

<img src='//discourse-user-assets.s3.amazonaws.com/original/3X/7/c/7c69625a8b87d3ade2269d2671811525dd881c63.jpg'>
https://s18.postimg.org/xs0uvq2bt/FD3ngx_L.jpg```

<img src='//discourse-user-assets.s3.amazonaws.com/original/3X/0/e/0e463eb4f5cae3d0fd6cea0cfde717600999fbda.jpg'>
<img src='//discourse-user-assets.s3.amazonaws.com/original/3X/7/c/7c69625a8b87d3ade2269d2671811525dd881c63.jpg'>
<img src='//discourse-user-assets.s3.amazonaws.com/original/3X/7/9/795637a327a41bbad9b5854fe349b2a160ce69b3.jpg'>

#6

As for the problem, it is an easy fix.
Add this css property:

ul {
    z-index: 9999;
}

You will also want to include “the most common meta viewport tag” to make the navbar correct on mobile (you can do this in codepen settings or add the tag yourself)

Here is more info on imgur too:
Forum Thread


#7

Thanks man! It makes me both happy as well as cringe to hear its an easy fix! Haha… Thank you kindly for your assistance!


#8

If you have any problems, just holler! Here is something you read that covers the topic.(Get it… covers the topic… :upside_down:)


#9

“covers the topic” ! … ba dump chhhh ! *attempt at typing drum sounds. Ill read that article for sure once my brain calms down.