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.