Menu drop down arrow dawn theme

[Mabinibooks]

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!

[Moeed]

Hey @Mabinibooks 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
summary#HeaderMenu-propellers-micro-propellers span {
    font-weight: 500 !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[Mabinibooks]

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

[Sweans · Accepted solution]

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

[Mabinibooks]

Hello Sweans, good evening!

It worked, thank you so much. I appreciate the help

Have a great weekend to yourself & family