By the way: I use Dawn Theme, and added images to my collections/pages in the header using Metafields.
The easiest way to help me is to explain, if possible, how to add a Metafield for images to: Navigation > Menu > Edit Menu Item
Topic summary
Goal: add images to header menu items that are external links in a Shopify Dawn theme, using code/metafields (no apps).
Context: images already added to collections/pages via metafields. The request is for a way to attach an image metafield to Navigation > Menu > Edit Menu Item for URL-type links. Metafields are custom fields attached to specific resource types (e.g., products, collections, pages), but not to individual menu link items.
Updates: a store link was shared to illustrate the “Community” and “MSI” header items. Clarification given that this is Shopify, not WordPress.
Reply: one contributor advises Shopify themes can’t directly add images to menu items that point to external sites and suggests workarounds:
- Use a text link with an emoji/icon alongside the label.
- Create a button element that includes an image and link it to the external site; place it in the header.
- Use third‑party navigation apps (though the OP prefers code-only).
Status: no code-only solution for adding images to external-link menu items was provided. Discussion remains open; another participant asked for the method used to add images to the header menu for collections/pages.