User Interfaces Standing Committee

This code will hide the initial 5-6 menu options after clicking the ellipsis button

How to accomplish this: This solution requires the following custom CSS code be added to the /VIEW_CODE/css/custom1.css file:

/* Hide first nth menu items after ... click */
@media only screen and (min-width: 1280px) {
     prm-main-menu[menu-type=full] .main-menu-button:nth-child(-n+6) {
     display: none;
     }
 }
@media only screen and (min-width: 960px) {
     prm-main-menu[menu-type=full] .main-menu-button:nth-child(-n+4) {
     display: none;
     }
}
@media only screen and (min-width: 600px) {
     prm-main-menu[menu-type=full] .main-menu-button:nth-child(-n+2) {
     display: none;
     }
}

Code credit: Lesli Moore, Primo listserv 12/7/22