Adding icons in Dropdown Menu/Navigation Menu (Desktop, Mobile)

Solved

Adding icons in Dropdown Menu/Navigation Menu (Desktop, Mobile)

Hasanpower
New Member
4 0 0

Hi all,

I have been trying to add icons  menu and been unable to do so. (Screenshot attached for reference). I do not want to use any apps, and I am using the default Trade Theme.

This is how I want my menu to look like 

 

Hasanpower_1-1728993596941.png

 

https://382c62-a8.myshopify.com/

Password: Leo

 

Accepted Solution (1)
namphan
Shopify Partner
2695 349 397

This is an accepted solution.

Hi @Hasanpower,

Please follow these steps:

- Step 1: go to header-dropdown-menu.liquid file and add code here:

Screenshot.png

- Step 2: Go to header-drawer.liquid and add code here:

Screenshot.png

- Step 3: Go to base.css and add code here:

Screenshot.png

Coffee tips fuels my dedication.
Shopify Development Service
PageFly Page Builder Optimize your Shopify store (Free plan available)
Need help with your store? namphan992@gmail.com

View solution in original post

Replies 9 (9)

comercioservice
Shopify Partner
292 37 36

@Hasanpower home you are well, you do not need to use any app but you need to add some code to achieve this
beacuse in your theme have not any options to do this 

f you'd like to discuss this more, don't hesitate to send me a PM


Thank you

Was my reply helpful? Click Like to let me know! Was your question answered? Mark it as an Accepted Solution.
Need store customizations, bug fixing or development ? Contact with us -- Support form for quick quote!
BFCM Big Deals: Big savings 25% off -on our Shopify FAQs apps!
Hasanpower
New Member
4 0 0

please cna you help me 

comercioservice
Shopify Partner
292 37 36

@Hasanpower yah why not, tell me what kind help you need
if you'd like to discuss this more, don't hesitate to send me a PM

Thank you

Was my reply helpful? Click Like to let me know! Was your question answered? Mark it as an Accepted Solution.
Need store customizations, bug fixing or development ? Contact with us -- Support form for quick quote!
BFCM Big Deals: Big savings 25% off -on our Shopify FAQs apps!

namphan
Shopify Partner
2695 349 397

Hi @Hasanpower,

You want to add icon for position 1 or 2:

Screenshot.png

Please explain more about it, I will help you check it

Coffee tips fuels my dedication.
Shopify Development Service
PageFly Page Builder Optimize your Shopify store (Free plan available)
Need help with your store? namphan992@gmail.com
Hasanpower
New Member
4 0 0

Yes in this two position when i have sub menu to have two icon 

namphan
Shopify Partner
2695 349 397

Hi @Hasanpower,

Customizing the code and adding options will be needed.

Can I send you a collaborator invitation? I will help you check it.

Coffee tips fuels my dedication.
Shopify Development Service
PageFly Page Builder Optimize your Shopify store (Free plan available)
Need help with your store? namphan992@gmail.com
Hasanpower
New Member
4 0 0

Res 

namphan
Shopify Partner
2695 349 397

Hi @Hasanpower,

Please send me the collaborator code in a private message, I will send you the invitation and check it

Coffee tips fuels my dedication.
Shopify Development Service
PageFly Page Builder Optimize your Shopify store (Free plan available)
Need help with your store? namphan992@gmail.com
namphan
Shopify Partner
2695 349 397

This is an accepted solution.

Hi @Hasanpower,

Please follow these steps:

- Step 1: go to header-dropdown-menu.liquid file and add code here:

Screenshot.png

- Step 2: Go to header-drawer.liquid and add code here:

Screenshot.png

- Step 3: Go to base.css and add code here:

Screenshot.png

Coffee tips fuels my dedication.
Shopify Development Service
PageFly Page Builder Optimize your Shopify store (Free plan available)
Need help with your store? namphan992@gmail.com