Tagged: ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
  • #12585


    Just wondering if I could get some help to get an arrow in the main menu, for menu items that have children.

    So what I want is

    Parent Link V

    Child link >

    Child Link2

    Basicaly, I just want to be able to show users, that a menu item has another link.

    Does this make sense?



    You have to set up a custom menu.

    When you do that. The top navigation is the Parent link and the ones you make underneath are the child links. Go into WP Dashboard, Appearance, Menu. Create a custom menu.

    Add in the pages you want to use. To create a sub page you just drag the boxes around to indent under the Parent Page.

    I have a screen shot, but I don’t know how to insert it here sorry.



    Thanks for the advice, but I do think that i was clear enough.

    I have setup menus un the WP admin area already. What I am looking for is to add arrows to the menu elements.

    This should just be some .css

    Thanks for your help though


    Well yes, there would have to be an arrow image somewhere to insert into the code. But I don’t think this theme has that incorporated into it. I have tried it with my menu, and there are not images associated with it.

    I expect it would require some customization. Not something automatic to the theme.


    Thanks for that mate.

    Could somebody please help me with the customisations need to make this work?




    Sorry for the late response, there are too many inquiries lately. Can you post a link to your site? so we can help you faster.




    I think he wants an arrow on his menu similar to this site. This site is not in Coherence theme, but this is just to point out maybe what he is asking for. http://www.shadowmountainescape.com

    I have not seen graphic images / arrows available for menu navigation. I suspect it requires customization not provided with this theme.

    But I am just assuming here.


    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!



Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘Add arrows to menus with children’ is closed to new replies.