Executive Pro – Show child pages in upper right menu

[rschrum]

Hello,

Like the title says. I am trying to figure out how to make a small arrow, or some kind of indicator show up on the menu items that have sub-pages, and I wasn't sure if there was a feature for this already built.

[Christoph]

Hi,

it´s not built-in but there is a bunch of tutorials.
Here are just a few:

http://www.bourncreative.com/add-dropdown-indicator-genesis-2-0-navigation-menu-automatically/
How to Add Arrow Indicators to Genesis Navigation Menus

http://victorfont.com/add-drop-down-indicators-to-genesis-nav-menu/

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[Saqib Ali]

I'm developing a site locally and testing my results on Chrome.

I tried the second tutorial, where the arrow font was put in quotation marks but unfortunately f140 appeared within the nav bar.

.genesis-nav-menu .sub-menu > .menu-item-has-children > a:after {
    content: \f140;
    font: normal 16px/1 'dashicons';
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    padding-left: 10px;
    vertical-align: right;
}

So I took out the the quotation marks but now nothing is appearing.

Any idea on what's going on?

[Christoph]

Hi,

You need the quotation marks.
Did you enqueue dashicons in functions.php?

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[Saqib Ali]

Hmmm that's a good point, I don't think I have, doe!

Cheers!

[Author]

Posts