Two Line Menu Link underline not displaying

Hi,

I have a two line menu using Quick CSS and also to make it appear correctly in a mobile menu. (See below and link). However, the second line of the menu doesn’t show a red underline on the selected page like it does on the first line to tell you what page you are on. Can you show me what needs added to the CSS below to fix? Many thanks, Frank

#top #wrap_all .av-social-link-facebook a {
color: #fff;
background-color: #37589b;
}
#top #wrap_all .av-social-link-twitter a {
color: #fff;
background-color: #46d4fe;
}
.phone-info span {
color:white !important;
font-size: 14px;
}
#scroll-top-link {
background-color: #001d5b;
color: white;
border-color: white;
}
#header #header_main_alternate .container {
height: 80px;
}
@media only screen and (min-width: 767px) {
#header #header_main_alternate .container {
height: 80px;
}
.html_header_top.html_header_topbar_active.html_header_sticky.html_bottom_nav_header #top #main {
padding-top: 198px !important;
}
.logo img {
min-width:350px!important;
height:auto!important;
}