[smoothiechode]

Website URL: http://www.tinderprofile.com

If you look at the primary navigation menu at the top and hover over the ‘Photo’s and ‘Resources’ menu items, it displays sub menu items underneath.

The user will not know these exist unless they hover on the menu items.

How can I add simple arrows (parent indicators) on the ‘Photos’ and ‘Resources’ menu items so the user knows straight away there are sub-menu items here.

I was able to do this on the free full frame theme but have lost the arrows after upgrading to full frame pro! The plugin I originally used (“Dropdown Menu Widget”) to achieve this doesn’t seem to be working with the pro version.

HELP!

[Pratik]

@smoothiechode: Can you try adding following css code in Appearance=> Customize=> Theme Options=> Custom Css box

.menu-item-has-children a:after {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-family: "Genericons";
    font-size: 16px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    speak: none;
    text-align: center;
    text-decoration: inherit;
    text-transform: none;
    vertical-align: top;
}
.nav-primary  li,
.nav-primary .menu-item:hover {
    position: relative;
}
.nav-primary .menu-item-has-children > a {
    margin: 0;
    padding-right: 2.25em;
}
.nav-primary .menu-item-has-children > a:after {
    content: "\f431";
    position: absolute;
    right: 0.625em;
    top: 0.8125em;
}

[smoothiechode]

Thank you!

[Author]

Posts