How can I match my new header menu design with the existing ones?

Topic summary

Issue: A newly added submenu under “Le club Montreal” in a Shopify Pipeline theme doesn’t match the styling/behavior of other header menus (header doesn’t turn white on hover). Images provided show the discrepancy; the site link is included. Visuals are central to understanding the difference.

Context: Menu was created via Shopify’s Navigation. Other menus (e.g., “Lifestyle”) display as a mega menu with full-width white header on hover.

Diagnosis (suggested): The “Le club Montreal” menu currently has only two child items. With too few second-level items, Pipeline renders a simple dropdown instead of the mega menu layout, leading to different styling.

Proposed action: Add more second-level child items (e.g., add a child inside “Le Club Boutique”) to trigger the mega menu, aligning the look and hover behavior.

Status: Not yet confirmed; outcome pending. If parity is required without more items, theme customization may be needed.

Summarized with AI on January 1. AI used: gpt-5.

Hello!

I just added a Sub Menu to a Menu Item on my header from the “Navigation” section of my shopify store. However, when hovering on that new menu, the drop down menu and the header does not look like anything from the other menus. The first image is the new Menu. The second image is from another menu. Anybody can help on what I need to do to make sure my new menu Item and sub menu looks exactly like my other menu items?

My website link is here and I’m using pipeline theme

Image #1

Image 2

As you can see, when hovering over “Le club Montreal”, the whole header does not become all white like my other menu items such as “Lifestyle”.

Thanks!

Alex

Hi @Alex1996 ,

It looks like “Le club Montreal” only has two items[Child]. This is why it is not displayd as a mega menu. If you are more items second child, the menu should be changed into a mega menu. Can you try adding a child inside Le Club Boutique ?