Impulse Theme- Adding Down Arrow to Header Menu Bar options

Store Design
, , ,
1

I run the 2.0 Impulse these and would like to add Down arrows to my menu in my header to signify they drop down. Right now you just hover over them anti shows the drop down. I would like to have a down arrow that customers can click.

2

Scroll to the bottom of the file and add the following CSS code:

.site-nav__dropdown-trigger::after {
  content: '\f107';
  font-family: 'FontAwesome';
  margin-left: 5px;
}

This will add a down arrow after each menu item with a dropdown. You can customize the arrow style by adjusting the CSS properties

3

I tried it in the Custom CSS area, in the bottom of Theme.Liquid and Header-desktop-nav.liquid with no changes.