And to be totally honest, I’m not sure this is the most efficient way to do this. Just happened to work.
FWIW, the following achieved the desired effect of getting the main menu to appropriately display on multiple lines when the responsive layout wraps items:
.html_header_top.html_bottom_nav_header
#header_main_alternate .main_menu > div,
.html_header_top.html_bottom_nav_header
#header_main_alternate .main_menu ul:first-child {
height: unset;
line-height: 0;
}
I’d like to bump this thread. The link provided in the mod response no longer works and I’m looking for a similar solution to effectively wrap my top level menu onto multiple lines.