We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

What happened to my dropdown menu?

What happened to my dropdown menu?

Reloger
Tourist
33 0 3

How can I in theme dawn change this arrow to drop down menu

Reloger_1-1750447468769.pngReloger_0-1750447456790.png

Replies 2 (2)

Shadab_dev
Shopify Partner
1583 83 173

Do you just want to change the arrow to caret icon or want to create a dropdown?

Buy me Coffee, if you feel i was helpful. Email Me here or WhatsApp me with this link for any help with shopify theme customizations or any project in web dev. If this is helpful, please Like and Accept the solution.

AiTrillion
Shopify Partner
4265 250 753

Hi @Reloger ,

Try by adding below line of code CSS to add the drop down:

 

.js .menu-drawer__navigation .submenu-open {

  visibility: visible !important;

}

.js .menu-drawer__submenu {

  position: static !important;

  visibility: visible !important;

  transform: translate(0) !important;

}

body .menu-drawer__close-button {

  display: none;

}

 

Also, to change the icon, add the SVG file

AiTrillion_0-1750789628943.png


And find and replace the icon-arrow with the arrow which you would like to change for example my file name is down

AiTrillion_1-1750789681553.png



Now, the changes will be visible to the front store

AiTrillion_2-1750789709481.png


I hope this will help you!

Sachin D | Shopify Growth Expert @ AiTrillion

- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- 10+ Years of eCommerce experience.
- 1400+ Stores Designed on Shopify.
- All in One Marketing App on Shopify AiTrillion Marketing Automation
.
- 13+ Shopify Apps launched on app store.