This is a menu for an e-commerce site. The menu is too long, with several items as shown in the screenshot:
It has fixed elements, some of which are specific to e-commerce (the four buttons on the right: user, purchase, shopping cart and help). And other "non-removable" elements that are decided by the client, mainly:
- The logo must be the size as it appears in the screenshot. In the original design the logo occupied less than half of this size, but the client prefers it that way.
- All menu items must appear with the full word (no icons + caption or floating text)
- The hamburger menu and the mega menu are not options on the desktop (the client says that their clients will not understand it).
The mobile version is already defined and accepted:
The problem is on desktop smaller screens, where the menu overlaps the logo. I insist, the logo cannot be reduced in size.
This is the solution I have come up with: collapse the first menu item by grouping 6 main categories:
The client agrees, but I don't like it, it gives me the feeling of a 90s website. I've been browsing for a couple of days looking for ideas but I can't find anything viable, almost all the solutions are mega-menus or hamburger. Is there any different alternative?
