Replace main menu item with icon

Store Design

Topic summary

  • Goal: Recreate a marketing site’s menu in Shopify, specifically a main menu item that is a search icon triggering a dropdown. Limitation: Shopify’s native navigation doesn’t support icons as menu items. A button-as-menu-item is handled via custom CSS.

  • Options considered: custom code vs third‑party menu app. Decision: proceed with a menu app that supports images/icons for simplicity and speed.

  • Recommendations and trials: A mega menu app was suggested (vendor acknowledged bias). The requester contacted that vendor and two others to confirm whether the design can be replicated on a free plan. A previously installed app required a paid upgrade just to change a single menu item’s font color.

  • Current status: Vendor support is investigating and will follow up. No final implementation confirmed yet. A screenshot of the target menu is central to understanding the desired layout.

Summarized with AI on December 13. AI used: gpt-5.
1

Client has their main marketing site on a different platform. I am trying to replicate that site’s menu in Shopify. One of the menu items is just a search icon that produces a dropdown for search options. Since Shopify doesn’t allow an icon to be used in the navigation, would I need to use a 3rd party menu app or can I do this with custom code?

I have included a screenshot of the menu I am trying to duplicate. (The button is a menu item as well but I am using custom css in Shopify to solve that.)

menu.png
menu.png1878×165 15.5 KB

2

Nevermind. I am just going to use a menu app that allows images in the menu. Simple solution and shouldn’t be too much effort.

1 Like
3

That’s the spirit :flexed_biceps:t3:

Simplicity is king.

We think Meteor Mega Menu is pretty sweet, but we’re extremely biased.

4

Actually, I just emailed you guys (along with 2 others) a few minutes ago to verify if I could duplicate my menu on your free plan. I had installed another menu add-on but discovered that I had to upgrade to their paid plan just to change the font color of one menu item.

Thanks,

Terry

1 Like
5

I checked with our support team and we’re searching for a solution. They will reach out to you presently. Thank you for your patience :blush: