How can I add images to my header menu links?

[Thomas558]

Dear Shopify, I've recently followed a guide on how to add Images to my Header Menu, which worked fine.

However-.. I cant figure out how to add Images to 'Links', as in menu items that are not collections, pages but simply link to another external site.

Thank you in advance!

[Thomas558]

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

[Thomas558]

No Apps please, i've been doing everything coding so i'd like to fix this last issue the same way.

[Thomas558]

Im a little confused, i'm using Shopify i dont even know what Wordpress is 😞

[Thomas558]

I rather not download any apps, it should be possible to do this fully from Settings > Custom Data >  and by adding some Code to my Theme if im correct. My Metaobjects already contain options for: 

Products Variants Collections Customers Orders Draft orders Locations Pages Blogs Blog posts Market

But not for URL / Links, my question is basically how to add this.

[Thomas558]

ill make it easier, here is my site just look at the Community and MSI sections in the Header Menu

https://1e9f63-2f.myshopify.com/

[PageFly-Theodor · Accepted solution]

Hi @Thomas558 ,
This is Theodore from PageFly - Shopify Page Builder App.

Shopify themes can't directly add images to menu items linking to external sites. Here are your options:

1. Text Link with Image:

   • Create a text menu item with a descriptive label.
   • Use an emoji (globe for external links) next to the text if your theme allows icons.

2. Button with Image:

   • Create a button element with your desired image.
   • Set the button link to the external website.
   • Position the button strategically in your header.

3. Third-Party App (Advanced): Explore Shopify apps for "navigation menus" or "custom menu links" that might allow image addition.

Best regards,
Theodore | PageFly

[AndreMartinez]

Hello, can you please link the solution how you managed to add images to header menu? Thank you