raisely/base

Menus: primary sub menu off-screen in mobile; secondary submenu not hidden; submenus background color

Opened this issue · 0 comments

admanami commented

  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;
}