A navigation menu can look

A navigation menu can look like a small website change — until 11 brands, dozens of categories, desktop hover behavior, and mobile navigation all need to work together.

Recently, I worked on restructuring the navigation system for I Am Products, a WooCommerce store with 11 individual brands.

The problem:

Each brand needed its own category navigation, while keeping the header clean and easy to use. The existing structure also needed to work differently across desktop and mobile without making future updates difficult for the site owner.

The solution:

I rebuilt the navigation around the native WordPress menu system instead of relying on hardcoded menu content.

The final structure includes 132 menu items, with brand-specific category links managed directly from WordPress.

On desktop, each brand opens a clean multi-column dropdown.

On mobile, the same structure becomes an organized brand accordion designed for smaller screens.

I also handled responsive behavior, menu visibility issues, image loading conflicts, and compatibility with the existing Elementor + WooCommerce setup.

The result:

A cleaner navigation experience for customers and, more importantly, a system the client can continue managing without rebuilding the header every time something changes.

Sometimes the best WordPress solution isn’t adding another plugin — it’s making the existing system easier to manage.

Live website: https://iamproducts.store/