How can I make my menu arrows thicker in addition to bold text?

[Gustavo1105]

I made the letters in my menu bold, but the arrows were thin and I found it strange, is there any way to make the arrows thicker too? 
Code i used: 
.header__menu-item span,
.header__active-menu-item {
font-weight: bold;
}

How it looks:

How i want it to look:

[Artzen_tech]

Hello @Gustavo1105 
Its Artzen Technologies! We will be happy to help you today.

Please send your store url

Let me know if need further assistance
Regards,
Artzen Technologies

[Moeed]

Hey @Gustavo1105 

Could you please provide your Store URL and, if applicable, the Password too? Your cooperation is greatly appreciated!

Best Regards,
Moeed

[Gustavo1105]

www.rubycompany.com.br

[Made4uo-Ribe]

Hi @Gustavo1105 

Try this one. 

• From your Shopify admin dashboard, click on "Online Store" and then "Themes".
• Find the theme that you want to edit and click on "Actions" and then "Edit code".
• In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

header-menu span {
    font-weight: 900 !important;
}

• And Save.
• Result:
• 

[Gustavo1105]

It was looking like that already, i wanted to get the arrows to look thicker like this: 

[Natasha-Saed]

Hi,

The arrows are done with SVG file, you need to prepare another SVG file with thicker arrows and locate the current one and replace it with the new file.

[Gustavo1105]

Which file have those informations?

[Natasha-Saed]

I can't tell you exactly which file without digging into your site code directly, but it should be in one of the header files.

A shortcut to do so, is to download your theme to your pc. And then search for any of the classes below until you locate it open it with note pad it must look like image url but the file type is svg.

<svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</path></svg> 

[Made4uo-Ribe · Accepted solution]

Try this one. 

Same Instruction. 

svg.icon.icon-caret path {
    stroke: black;
    stroke-width: 1;
}

And Save. 

Result:

[Gustavo1105]

Thank you