Change Turbo-Florence desktop menu caret size

[PlymouthCards]

I have older customers and they are having a hard time seeing the menu caret for my columns. Is there any way to make them darker/bolder or even a solid triangle? Anything that will help them see the caret to know there is a menu available. Here is what it look looks like now. Thank you

[Made4uo-Ribe]

Hi @PlymouthCards 

Would you mind to share your store URL? Thanks!

[PlymouthCards]

Of course. PlymouthCards.com

[Made4uo-Ribe]

Thanks for the info, check this one. 

1. From you Admin page, go to Online Store > Themes

1. Select the theme you want to edit
2. Under the Asset folder, open the main.css(base.css, style.css or theme.css)
3. Then place the code below at the very bottom of the file.

.feature_image .nav-desktop__tier-1-link .icon-down-arrow {
    color: black !important;
}
.icon-down-arrow:before {
    font-weight: 900 !important;
}

• And Save. 
• Result:
• 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

[PlymouthCards]

Thank you so much. This is much better. Would you have any suggestions on how to make it thicker? Or even a solid triangle like I did for mobile?

[Made4uo-Ribe · Accepted solution]

Hi @PlymouthCards 

Yes, of course. Please add the code below in your CSS file

.nav-desktop  span.icon-down-arrow:before {
    content: "" !important;
    display: inline-block;
    border: 8px solid transparent !important;
    border-top: 8px solid #000 !important;
    border-bottom: 0 none !important;
    width: auto !important;
}

Hope this helps!

 

[PlymouthCards]

Thank you so much! This is perfect and will help all my older customers be able to see everything. I really appreciate your help. ~ Lisa

[Made4uo-Ribe]

Your welcome (",)