Highlighted

Using Lightbox with Bootstrap navbar

Community Beginner ,
Sep 20, 2018

Copy link to clipboard

Copied

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

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>

Views

206

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

Using Lightbox with Bootstrap navbar

Community Beginner ,
Sep 20, 2018

Copy link to clipboard

Copied

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

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>

Views

207

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Sep 20, 2018 0
Adobe Community Professional ,
Sep 20, 2018

Copy link to clipboard

Copied

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


Ben

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Sep 20, 2018 0
Community Beginner ,
Sep 20, 2018

Copy link to clipboard

Copied

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

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Sep 20, 2018 0
LEGEND ,
Sep 20, 2018

Copy link to clipboard

Copied

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>

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Sep 20, 2018 0
Community Beginner ,
Sep 20, 2018

Copy link to clipboard

Copied

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

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Sep 20, 2018 0
osgood_ LATEST
LEGEND ,
Sep 20, 2018

Copy link to clipboard

Copied

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.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Sep 20, 2018 2