I’m using Kahuna, currently in a closed developement-enviroment.
Boxed layout @ 1280px width.
Viewing it at full width, everything is fine.
Viewing my kahuna-site at a medium width (size down the browser-width), the horitontal top navigation menu exceeds the width of the top navigation area, and suddenly drops completely off that area. Now its in the static image area and becomes barely visible.
For best visual results, the menu items need to fit in the available space on the target screen sizes (and before the mobile menu is activated). If the menu items are too many for the screen, they will overflow and extend beyond one row.
Due to the complexity of the header there’s no magic fix for this yet. The solutions are to either limit the number of items to make the menu fit in one line (at least on the target screen size and larger) or activate the mobile menu earlier – when the menu no longer fits (using custom styling).