Dropdown icon not showing on main menu (for nested menu items) in header section

[rehansaeed]

Hi, I need help with my main menu in the header section. The problem is arrow icon is not showing for my nested menu items on the desktop. so it isn't easy to differentiate between nested and non-nested menu items. I need a little guidance as I can handle basic CSS myself. My store URL is https://dazzlebysarah.com/ and it's not password protected. I want to show a down arrow icon on items in which a nested menu is implemented. 

I want to show down arrow icon on items in which nested menu is implemented

[Denishamakwana]

Please add  below css code in bottom of assets/theme.css file

a.site-nav__link.site-nav__link--underline.site-nav__link--has-dropdown::before {

         content: "";

         right: 0;

         position: absolute;

       width: 8px;

        height: 8px;

      border-style: solid;

        border-color: #000;

       border-width: 0px 1px 1px 0px;

       transform: rotate(45deg);

        transition: border-width 150ms ease-in-out;

}

Thank you.

[rehansaeed]

not working sir, I need to show arrows on menu like this shown in the image below

[oscprofessional]

@rehansaeed 
Hii,

.site-nav__link.site-nav__link--underline.site-nav__link--has-dropdown::before {
	content: "\25be";
	position: absolute;
	right: 0;
	font-size: 20px;
	top: 3px;
	bottom: 0;
	left: 80px;
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->theme.scss.liquid

[rehansaeed]

not working sir, I need to show arrows on menu like this shown in the image belowneed arrows like this on nested menu items

[oscprofessional]

@rehansaeed 
Hello,
Please check

[rehansaeed]

@oscprofessional 

Hi, I have pasted the code in css file but its not updating, please check to see whats wrong. I am using shopify impulse theme 2.0.

  

[oscprofessional]

@rehansaeed 
Replace Code

.header-wrapper .site-nav__link.site-nav__link--underline.site-nav__link--has-dropdown::before {
content: "\25be";
position: absolute;
right: 0;
font-size: 20px;
top: 3px;
bottom: 0;
left: 80px;
}

[rehansaeed]

@oscprofessional replaced, still not working

[oscprofessional]

@rehansaeed 

Please Accept Request

[riznota]

Hello,
You can enable the arrow in the graphical interface, in the "theme > customization" settings