/* General styles for countdown units */ /* Ensure the modal takes up the entire viewport in expanded state and has a very high z-index */ #modal-3.is-menu-open { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 99999; /* Increased z-index */ background-color: #005ba4; /* Apply background color */ overflow-y: auto; /* Allow scrolling within the modal */ } /* Ensure the dialog content fits within the full-screen modal */ .wp-block-navigation__responsive-dialog { height: 100%; display: flex; flex-direction: column; justify-content: space-between; /* Adjust this as needed */ } /* Position the close button correctly */ .wp-block-navigation__responsive-container-close { position: absolute; top: 20px; right: 20px; z-index: 100000; /* Ensure close button is above all other content */ cursor: pointer; } /* Make sure the content within the modal can scroll */ .wp-block-navigation__responsive-container-content { flex-grow: 1; overflow-y: auto; padding-bottom: 20px; /* Adjust for padding or spacing */ }