1) Using .menu-primary, the submenu can appear off-screen on small devices. 2) Using .menu-secondary, the submenu appears by default instead of being hidden by default and appearing on hover. 3) Every submenu under a 'selected' menu appears with a 'selected' background. This looks like every menu item is concurrently selected. Fix for (3) - assuming only one level of submenu: &.selected ul li a { background: #FFF/inherit/transparent/variable; }
Using .menu-primary, the submenu can appear off-screen on small devices.
Using .menu-secondary, the submenu appears by default instead of being hidden by default and appearing on hover.
Every submenu under a 'selected' menu appears with a 'selected' background. This looks like every menu item is concurrently selected.
Fix for (3) - assuming only one level of submenu:
&.selected ul li a {
background: #FFF/inherit/transparent/variable;
}