Hello, good morning!
How can I change the drop down menu arrow on my desktop version, similar to mobile version? For me to easier explain it, please see the following images
This is the current version on desktop (Image 1)
(Image 1)
And I want it to look like this (Image 2)
(Image 2)
The website is dronehub.ph
Password: iatsau
Please assist. Thank you!
Hey @Mabinibooks
Follow these Steps:
Go to Online Store
Edit Code
Find theme.liquid file
Add the following code in the bottom of the file above tag
RESULT:
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Hello Moeed, thank you for responding!
I want the same font weight, what I wanted is the arrow from pointing downward to right
Thank you
Hi @Mabinibooks ,
You can change the arrow by adding a simple line of code
{{- 'icon-arrow.svg' | inline_asset_content -}}
Paste this code to your header-dropdown-menu.liquid
Go to your online store> themes > Click on three dots of current active theme > edit code > search header-dropdown-menu.liquid
in the left sidebar > open it and search the class name “Details-HeaderSubMenu” inside that class you can find
{{- 'icon-caret.svg' | inline_asset_content -}}
just change it to the following name
{{- 'icon-arrow.svg' | inline_asset_content -}}
I hope this helps! If it does, please like it and mark it as a solution!
If you need further assistance, feel free to reach out!
Regards,
sweans
Hello Sweans, good evening!
It worked, thank you so much. I appreciate the help
Have a great weekend to yourself & family