Sub-menu down arrows appear next to sub-menu items

Hi aThemes team,

Thanks for your support.

I was trying to add a down arrow for the menu items with sub-items. I searched around here and found this code

#mainnav .menu-item-has-children a:after {
content: “\f107”;
font-family: FontAwesome;
margin-left: 5px;
}

It worked but the arrow appeared not only next to the parent item but also next to all sub-items of the drop-down menu. Is there any way to remove them?
%D0%91%D0%B5%D0%B7%D1%8B%D0%BC%D1%8F%D0%BD%D0%BD%D1%8B%D0%B9

Hello there,

Try this code:

#mainnav ul.menu > li.menu-item-has-children a:after  {
    content: "\f107";
    font-family: FontAwesome;
    margin-left: 5px;
}

Regards,
Kharis

Hi Kharis,

Thanks for your reply. Unfortunately this code didn’t change anything. The arrows are still there.

Hello there,

Is it possible to share a link to your site here? So I can have a closer look.

Regards,
Kharis

It’s in the maintenance mode now because it undergoes a complete reconstruction

Hello there,

Try replacing your code with this:

    #mainnav ul.menu > .menu-item-has-children > a:after {
      content: "\f107";
      font-family: FontAwesome;
      margin-left: 5px;
    }

Regards,
Kharis

1 Like

Many thanks! It worked!

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis