Solved

Get menu bold and the arrows too

Gustavo1105
Excursionist
18 0 5

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:

Gustavo1105_0-1695621743571.png

How i want it to look:

Gustavo1105_1-1695621765430.png

 

Accepted Solution (1)
Made4uo-Ribe
Shopify Partner
5126 1222 1496

This is an accepted solution.

Try this one. 

Same Instruction. 

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

And Save. 

Result:

Made4uoRibe_1-1695678370616.png

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Made4uo.com


View solution in original post

Replies 10 (10)

Artzen_tech
Shopify Partner
528 105 104

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

If helpful, please Like and Accept this Solution to help others
Artzen Technologies | A Shopify Development Agency
WhatsApp - 9877983930

Book FREE CONSULTATION who want to migrate to Shopify or want to start an eCommerce business with Shopify

Moeed
Shopify Partner
3544 893 1108

Hey @Gustavo1105 

 

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

 

Best Regards,
Moeed

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
Canva to Shopify in clicks - Free App
Gustavo1105
Excursionist
18 0 5

Made4uo-Ribe
Shopify Partner
5126 1222 1496

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:
  • Made4uoRibe_0-1695641999762.png
Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Made4uo.com


Gustavo1105
Excursionist
18 0 5

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

Gustavo1105_0-1695675448521.png

 

Natasha-Saed
Shopify Partner
396 43 69

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.

If my solution helped you don't forget to accept it to help others.
===================================================================
And if you really like my support share a cup of coffee with me paypal.me/freemindsint
Gustavo1105
Excursionist
18 0 5

Which file have those informations?

 

Natasha-Saed
Shopify Partner
396 43 69

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> 

If my solution helped you don't forget to accept it to help others.
===================================================================
And if you really like my support share a cup of coffee with me paypal.me/freemindsint
Made4uo-Ribe
Shopify Partner
5126 1222 1496

This is an accepted solution.

Try this one. 

Same Instruction. 

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

And Save. 

Result:

Made4uoRibe_1-1695678370616.png

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Made4uo.com


Gustavo1105
Excursionist
18 0 5

Thank you