Menu Header Arrows


#1

Hello,
I would like to add “arrows” on my header menu.
Something like that:
image

I thought about using fontawesome.com, with this:

<i class="fas fa-angle-down"></i>

… but I can’t figure out how to do it.

Thanks for your help :slight_smile:
kernoeb


#2

Hello Kernoeb,

Try doing the below steps:

  1. Install and activate the TC Custom JavaScript plugin
  2. Go To Appearance > Custom JavaScript
  3. Paste the following code into the provided box
    jQuery(function($) {

      $('.mainnav .menu .menu-item-has-children > a').append('<i class="fa fa-angle-down" style="display: inline-block; margin-left: 9px;"></i>');

    });
  1. Update

Regards,
Kharis