Overlay not working when uploaded onto live server

Question

Still struggling with this thing. I have an overlay that works in IE on my local machine, but when I upload it to my server (and run it in Chrome), the overlay appears briefly and then closes again.

I presume that I've dine the genius thing of include duplicate references and have played around with removing some. I've managed to get the Overlay appearing again, but it appears "disabled" / greyed out and can't take any input.

Can someone please help?

two links are: Site 1 Site2

Answer 1

Like you mentioned, you're loading in bootstrap.min.js twice.

The other issue is in your CSS. On your JSfiddle, you have CSS that you didn't include on your site (can verify by viewing source code).

So delete the duplicate references, and add in the missing CSS from JSfiddle.

.modal-dialog {
  z-index: 9999;
  position: relative;
}