Add arrows to menus with children « Support Forum | Kriesi.at

Support Forum » Coherence

Add arrows to menus with children

8 posts from 4 voices

Started 12 months ago by reganfrank
Latest reply from Mya
This topic is not a support question

Tags:

arrows
menus

reganfrank
Member

Hello,

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?

Thanks

Posted 12 months ago #
elames
Member

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.

Posted 12 months ago #
reganfrank
Member

Hi,

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

Posted 12 months ago #
elames
Member

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.

Posted 12 months ago #
reganfrank
Member

Thanks for that mate.

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

Thanka

Posted 12 months ago #
Ismael
Moderator

Hi,

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.

Regards,
Ismael

Posted 12 months ago #
elames
Member

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.

Posted 12 months ago #
Mya
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
Posted 12 months ago #