How can I add an image to each tab in a mega menu?

Hello,

How I can add an image to mega menu.

For demonstration, I want to have an image (where the arrow is) for each tab

Please provide more details, is this mega menu coming from theme or you are using an app for that?

It is coming from theme - dawn theme

Hey @User1236 !

One option to accomplish this (without needing any code) would be to look into using a mega menu app, such as our Meteor Mega Menu & Navigation app, which provides several menu templates to display images. Based on your example, our Fortress template looks the closest to what you want, or you can also check out Amazon and Riviera for some alternate options.

You can check out our demo site here to view all of our template options.

Check out our app in the Shopify app store here.

2 Likes

Hi @User1236 ,

Thanks for reaching out here. I’ll be more than happy to offer some suggestion and advice a regarding your question.

I noticed in one of the comments you mentioned that you’re using Dawn theme. While the Dawn theme does provide several desktop menu types (eg. dropdown, mega menu, drawer), you will need a more robust version of mega menu in order to change layouts and add images to the menu. You can try to customize code as suggested in one of the Community threads here. Keep in mind, that this is not an official tutorial and it’s a good idea to make a backup copy so that you can discard your changes and start again if you need to. You could also hire Shopify Experts to do it for you.

Otherwise, you’ll want to consider using a third-party mega menu app. I’ve hand-picked the following options for you to try out:

Let me know if that helps.

1 Like