You’ll be way ahead of me on this but I was able to restore full 3-bar menu functionality in 3.1.5 by
a) turning off Main Menu hover
b) turning off Smooth Scroll to tag AND
c) re-entering my previous hover menu Custom CSS:
/* start hover dropdown menu */
ul.nav li.dropdown > ul.dropdown-menu {
padding-top: 10px;
margin: 0;
}
.nav > li > a.a-caret {
display: block;
padding: 8px;
position: absolute;
height: 10px;
width: 10px;
top: 1px;
left: 10px;
}
.nav > li > a.a-stripped {
padding: 5px 2px 5px 38px;
}
.navbar .nav .dropdown-toggle .caret {
margin-top: 4px;
margin-left: 1px;
}
.navbar .nav > li > .dropdown-menu:before {
left: 16px;
}
.navbar .nav > li > .dropdown-menu:after {
left: 17px;
}
.navbar .navbar-inner {
box-shadow: 0 2px 15px rgba(0,0,0, 0.12);
}
.navbar .nav > li > .dropdown-menu:before {
border-bottom: 7px solid rgba(153, 153, 153, 0.27);
}
.navbar .nav > li > .dropdown-menu:after {
border-bottom: 6px solid rgba(255,255,255,.9);
}
.navbar .nav li.dropdown.open > .dropdown-toggle,
.navbar .nav li.dropdown.active > .dropdown-toggle,
.navbar .nav li.dropdown.open.active > .dropdown-toggle {
background-color: #ececec;
border-radius: 4px;
box-shadow: inset 0 2px 3px rgba(0,0,0,.35);
}
@media (min-width: 980px) {
ul.nav li.dropdown:hover a.a-caret + ul.dropdown-menu,
ul.nav li.dropdown a.a-caret:hover + ul.dropdown-menu,
ul.nav li.dropdown ul.dropdown-menu:hover {
display: block;
z-index: 1001;
}
}
@media (max-width: 979px) {
.nav > li > a.a-caret {
box-shadow: 0 1px 3px rgba(0,0,0,.35);
height: 12px;
width: 12px;
top: 2px;
left: 8px;
}
.nav > li > a.a-stripped {padding-right: 45px; padding-left: 45px;}
ul.nav li.dropdown.open ul.dropdown-menu {
background-color: #ececec;
border-radius: 4px;
box-shadow: inset 0 2px 3px rgba(0,0,0,.35);
}
.dropdown-submenu > a:after {
border-left-color: transparent;
border-top-color: #ccc;
border-width: 5px 5px 0 5px;
}
.dropdown-submenu:hover > a:after {
border-top-color: #fff;
}
.dropdown-submenu:hover > a:after {
border-left-color: transparent;
}
ul.nav li.dropdown.open ul.dropdown-menu .dropdown-submenu ul.dropdown-menu {
background-color: white;
box-shadow: inset 0 1px 4px rgba(0,0,0,.27);
display: block;
position: relative;
margin-right: 4px;
bottom: 2px;
}
ul.nav li.dropdown.open ul.dropdown-menu .dropdown-submenu:hover > a {
color: white;
}
}