Modal Greyed Out When Loading from Navbar Header in Sites Page

KrystalPhaneuf2 — Fri, 18 Sep 2020 18:37:14 GMT

I'm trying to figure out how to get around my modal being greyed out when the button is in the navbar of the header in a Sites page. I have moved the modal div to outside the navbar and just left the button that calls it in the navbar. I realize it is the modal-backdrop that is causing issues, however when I add the appropriate settings in the css:

.modal-backdrop {
position: fixed !important;
z-index: auto !important;
background-color: #4c4c4c !important;
}
.modal-backdrop.in {
opacity: 0 !important;
}

when I view the page it still leaves it greyed out and the dev tools show the default settings for the modal-backdrop and modal-backdrop.in. Any ideas? I'm working in Portal 10.8.1.

topic Modal Greyed Out When Loading from Navbar Header in Sites Page in ArcGIS Enterprise Portal Questions

Modal Greyed Out When Loading from Navbar Header in Sites Page