Tagged: 

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #95050
    smoothiechode
    Participant

    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!

    #95062
    Pratik
    Keymaster

    @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;
    }
    #95072
    smoothiechode
    Participant

    Thank you!

Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘How to add parent indicators (arrows) on primary menu’ is closed to new replies.