Why isn't the arrow sign showing in my impulse theme nested menu?

[na15]

hello
I faced an issue in the impulse theme, the arrow sign with the nested menu item is not shown kindly someone help with this.

[dbuglab]

Hi @na15 

Can you please provide your Store URL and Password too?

With Regards,
Dbuglab

[na15]

https://wholesalemakeup.ae/
I want arrow sign with the option By Brand

[dbuglab · Accepted solution]

Hi @na15 

Please follow these Steps:

1) Go to Online Store
2) Edit Code
3) Please find theme.liquid file
4) Add the following code above </head> tag

<style>
li.site-nav__item.site-nav__expanded-item.site-nav--has-dropdown:after {
    content: '\27A3';
}
</style>

[na15]

Thanks, a lot.

[na15]

arrow is now shown, but the underline is only on the text not with the arrow 
Check the theme picture i want similar this

[RockTechnolabs]

Hi, @na15 Please share your store URL and password if protected. So I can help you out.

[na15]

Website link https://wholesalemakeup.ae/ 
I want arrow sign with the option By Brand

[RockTechnolabs]

Hi, @na15 
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>
.site-nav--has-dropdown>.site-nav__link:before {
    content: "";
    background-image: url("data&colon;image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' focusable='false' role='presentation' class='icon icon--wide icon-chevron-down' viewBox='0 0 28 16'%3E%3Cpath d='m1.57 1.59 12.76 12.77L27.1 1.59' stroke-width='2' stroke='%23000' fill='none'%3E%3C/path%3E%3C/svg%3E");
    position: absolute;
    right: 0;
    top: calc(50% + 3px);
    width: 10px;
    height: 10px;
    background-size: 10px;
    background-repeat: no-repeat;
    transform: translateY(-50%);
}
</style>

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

Best Regards,
Rock Technolabs