Okay
  Public Ticket #941837
Icon for menu item with child
Closed

Comments

  •  2
    Jorick started the conversation
    November 2, 2016 at 7:46am

    Hi,
    I've been busy working on a website for a customer using your theme and am stuck on one small piece of functionality I would like to have.

    Could you show me the custom CSS needed to have a plus icon (plus or f067-font awesome) next to a menu item with children? If you look at my related URL, the 'BAR" menu item has sub menu items underneath it but unfortunately that's not very obvious for visitors now. I would love to have a 'plus' sign next to the BAR menu item. I hope you can help me with this.

    Kind regards,
    Jorick.

  •  291
    Paul replied
    November 2, 2016 at 10:36am

    Hi Jorick!

    Sure. Please try applying this custom CSS:

    .menu-item-has-children > a::after {
    content: '+';
    color: #fff;
    margin-left: 6px;
}

    It will display the "+" character right after any menu item that has children.

    If you want to use FontAwesome instead, try this one:

    .menu-item-has-children > a::after {
    content: '\f067';
    color: #fff;
    font-family: 'FontAwesome';
    font-size: 0.5em;
    margin-left: 6px;
    vertical-align: middle;
}

    Hope this helps!

    Regards,
    Paul