Hi reganfrank,
In order to do the arrow you'll need to upload an arrow icon(s) to /coherence/images/ then you'll need to add something like this to your custom.css.
.main_menu ul li a {
background:transparent url(../images/top_menu_arrow.png) no-repeat center right;
}
.main_menu ul li li a {
background:transparent url(../images/sub_menu_arrow.png) no-repeat center right;
}
If you used the code above as is it would display an arrow for each menu item so I would suggest you be specific about which menu item receives the arrow.
For example:
.main_menu ul li.page-item-2 a {
background:transparent url(../images/top_menu_arrow.png) no-repeat center right;
}
Here I added "page-item-2" after the LI. Your menu will differ so you'll need to view your source code to see what the class names are. You're looking for something like this in your source code:
<li class="page_item page-item-2">
Hope this helps!
Regards,
Mya