Subsubmenu with arrows - desktop

The menu has submenus and sub-submenus.
Is it possible for the submenu items to have the arrows on the right if they still have a sub-submenu.

Regards. Tom

Hello Tom,

Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

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

Regards,
Kharis

Thank you.
Works for submenu.
I would like an arrow in a submenu if it is a subsubmenu.

Regards,
Tom

Hello Tom,

Try this custom CSS code:

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

    #mainnav ul.menu > .menu-item-has-children .sub-menu .menu-item-has-children > a {
      position: relative;
    }

    #mainnav ul.menu > .menu-item-has-children .sub-menu .menu-item-has-children > a:after {
      position: absolute; 
      right: 15px;
      top: 8px;
    }

Regards,
Kharis

Hello Kharis

Thank you.
It works in the submenu and subsubmenu.

Regards,
Tom

Great!

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