How to Add Image-Based Dropdown Menu in Maker Theme?

[Phoenix_Roy]

Hi everyone,

I'm using the Maker theme for my Shopify store and I’m trying to create a dropdown menu with images (something like a mega menu) under the main navigation.

https://themes.shopify.com/themes/maker/styles/luna/preview

I know some themes like Prestige or Impulse support this natively, but I can't find any options like "Mega Menu" or "Image Menu" in the Maker theme settings (under Header). I checked the theme editor but didn’t see any built-in feature for it.

Does anyone know if this can be done within Maker.

Any suggestions or examples would be greatly appreciated! Thanks

[Phoenix_Roy]

I need a drop-down menu with images like the demo，just  like : Preview Luna Theme - Maker Ecommerce Website Template

[Kudosi-Carlos]

Hello @Phoenix_Roy 

The Maker theme doesn’t ship with a built-in mega-menu or image-menu feature, so you have two easy paths:

1. Use a lightweight mega-menu app
Install a free/low-cost app like Buddha Mega Menu or Globo Mega Menu. They plug right into your navigation, let you upload icons or full-width images, and won’t bloat your site. You configure your menu in their dashboard and Miracle-Maker instantly renders it in place of your default dropdown.

2. Roll your own with a tiny bit of Liquid and CSS
If you’re comfortable adding code, you can hack Maker’s header schema:

• In Edit code, open snippets/header.liquid.
• Locate the loop that renders your dropdown (nav-item.children).
• Replace that inner <ul> with a custom <div> grid that pulls in link.image or a settings.navigation_images metafield for each child link.
• Add a bit of CSS to style it as a 2- or 3-column menu with images above each link label.

That approach keeps everything in your theme (no extra app), but does require a quick code drop and CSS.

[Phoenix_Roy]

Thanks, I tried downloading a mega menu app, but I really don't want to pay $100 a year just for a menu. Sad.