How do I add icons to a dropdown menu in the Dawn theme?

Hello,

I am trying to add icons to my dropdown menu in my store, (I want it to look like on the screenshot below).

I do not wanna use any apps and I am using the dawn theme.

I would really appreciate the help!

Alice

Hi @AliceM ,

Thats a really nice feature. As this is a custom feature, this will require time to develop. I will work on this feature and let you know when its done.In a mean time, can you provide me link to your store as well as the link to the referance site?

Hey @AliceM

This is possible from custom coding and needs to upload icon in admin pannel.Not possible to give solution without store access.

Hey!

Thank you for your reply, can I get your infor so I can invite you as staff to edit the store?

Please Follow below details

ca4171-4.myshopify.com (pass 12345)

one of my references: https://vanbruun.com/

Hi @AliceM ,

Thank you for the reply. You can private message on shopify. or create a staff account.

Hi @AliceM ,

I will also require access to the Custom Data section to create custom meta field. and access ti edit/view products to add the images.

I think it should be fixed now!

I still do not have access to the products sections. I will require access to this section in order to add images that will be displayed on the navigation.

Its 12 here in my country. I will work on this on the next working day and let ley you know when completed.

Thank tou

Fixed now!

Thank you so much :slightly_smiling_face:

Hi @AliceM ,

I have added the icon and meta fields on the theme. To add other icon you can directly go to respective collection/product/pages and upload the navigation icon.

Hello!

It is great, thank you so much! I am trying to figure out now how to do it myself, I added a collection and a navigation icon but cant seem to make it work. I am sorry for my confusion

False alarm, I understand it now! Thank you so so much for your help

@theycallmemakka Hello!

Sorry if I am being annoying but could you help me just make the icons a bit bigger so they can look more clear?

Also, will I be able to use this in any mega menu I create now? :slightly_smiling_face:

@AliceM ,

I am working on it. Will let you know when done.

Hi @AliceM ,

I have increased the size of the icon by 10px. Please review it once and confirm the changes.

Regarding “Also, will I be able to use this in any mega menu I create now?”

Yes, this design will be displayed for any mega menu on the site. You just need to have an image on the navigation icon.

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
Makka

1 Like

Hello,

Yes, it looks great. Thank you so much!

1 Like

Hey! Please could you do the same for me? or just give me the code and instructions? Im having a headache with this over 2 weeks, please help me!

my store: ShadowPens.myshopify.com

THank you so much in advance:) have a great day

Hey! Could you please share the code with me and tell me where to place it? Thanks:))))