Arrow on the menu items that have submenu

Hey tcampaner,

Thank you for the inquiry.

There is no default option for this, but you can use the following css code to create an arrow above the menu items with submenus.

#top .menu-item-has-children:before {
    content: '';
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #ffffff;
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

Best regards,
Ismael

Hi,
Thanks for the mockup image, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top .menu-item-has-children > a > .avia-menu-text:after {
	content:"\e873";
	font-family: 'entypo-fontello';
	right: -10px;
  position: relative;
}

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
This is the expected results:

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike