I want my most important menu sections to remain visible even on a small screen.
You show “Brand”, which could be replace by a simple link. But I instead want two or three menu items to appear there, remaining visible even after the rest of the menu has collapsed into the hamburger. In the following example, any should be able to drop down.
<em>Contact About Samples Item 4 Item 5 Item 6</em>
On collapse, this is what user sees:
<em>Contact About Samples More (icon)</em>
On clicking the icon, the menu would show Items 4, 5 and 6. “Contact”, “About”, and “Samples would remain above the dropdown.