Using Lightbox with Bootstrap navbar

[aytonwest]

Hello.

I have put together a lightbox image gallery and now the drop down in the bootstrap navbar wont work.. Any ideas?

http://www.development.aytonwest.com/aytonwest2018/template.html

Thanks

[BenPleysier]

This is because the Lightbox has a z-index of 10000. This means that it covers the nav-bar.

The solution is to give the nav-bar a z-index of more than that after applying a property of position with a value of relative. See CSS z-index property

[aytonwest]

Hi. Nope.. Navbar still wont drop down and also the hamburger wont work on smaller screens..

[osgood_ · Accepted solution]

The scripts at the foot of your page are pointing to your local drive (see below) Fix them and the menu should work:

<script src="file:///Macintosh HD/Users/ejapurches/Documents/Ayton West/aytonwest2018/js/popper.min.js"></script>

<script src="file:///Macintosh HD/Users/ejapurches/Documents/Ayton West/aytonwest2018/js/bootstrap-4.0.0.js"></script>

[aytonwest]

Thank you. Cant believe I didn't notice that. SO obvious... I need a day off.... 🙂

[osgood_]

aytonwest  wrote

Thank you. Cant believe I didn't notice that. SO obvious... I need a day off.... 🙂

Happens all the time. I've been doing this for more years than I care to remember and I still make numerous errors each day....too many things to check and think about, one comma or one / missing and everything could stop working.