To create arrows ( or any other symbol ) to indicate the presence of submenus in your navigation menu you can use the below code :
.menu-item-has-children:after{
content: 'â–¼';
top: 50%;
right: 0;
margin-top: -10px;
font-size: 22px;
position: absolute;
}
.menu-item-has-children .menu-item-has-children:after{
content: ' \25BA';
top: 50%;
right: 0;
margin-top: -10px;
font-size: 22px;
position: absolute;
}You can choose the symbol from: http://www.blooberry.com/indexdot/html/tagpages/entities/arrow.htm and use their CSS values from: http://www.evotech.net/articles/testjsentities.html.