General Questions/New to Joomla! 4.x • menu flex-wrap issue

I am a volunteer webmaster for an organization. Last year we upgraded to Joomla 4 using the Cassiopeia template and I was able to have a multi-row menu on the website using css flex-wrap. Each year with administration change, I should just have to change the logo and colors, which I did last weekend. The menu no longer wraps and I am not sure what has changed. Any ideas how to fix this?

The url is https://usjcisenate.org/ and here is the user.css that is currently on the website:

.container-header .mod-menu {
flex-wrap: wrap;
}


.container-header {
background-color: #0386a0;
background-image: none;
}
.container-footer {
background-color: #0386a0;
background-image: none;
}

.container-header .mod-menu {
color: #000000;
font-weight: bold;
}

ul.mod-menu, ul.mod-menu_dropdown-metismenu button {
font-weight: bold;
}

.container-topbar, .container-below-top {
color: #060606;
}

Statistics: Posted by lowellvahl — Sun Jun 30, 2024 6:30 pm

---