Home>Support>Arrow Indicators on Nav Menu Dropdowns

Arrow Indicators on Nav Menu Dropdowns

By sergedicapi, 9 years ago. Last reply by Andrew Misplon, 9 years ago.
Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

how to add down arrows to the menu items that contain sub menus?

URL: http://www.ib-cotedivoire.com/

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 9 years, 7 months ago Greg Priday
    Hi, I Work Here

    Hi Sergedicapi

    One option would be to use the Menu Icons plugin to manually add down arrow icons to these menu items. I’ve used this plugin before. It works very well.

    https://wordpress.org/plugins/menu-icons/

  2. 9 years, 7 months ago sergedicapi

    I do not want plugins
    is there a css to do that?

  3. 9 years, 7 months ago Greg Priday
    Hi, I Work Here

    Hi Sergedicapi

    This might be possible, but you’d need to hire a developer to implement this for you. We highly recommend using https://codeable.io/.

  4. 9 years, 4 months ago canaryninja

    I’ve just installed Vantage (which I’m loving so far!) and this was one of the first things I wanted to add.
    For the benefit of anyone else who’s searching on here for a solution like I was here’s how it can be done with CSS and FontAwesome (great to see Vanatage includes FotAwesome):

        .main-navigation ul ul li.menu-item-has-children > a:after {
        display: inline-block;
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\f054";
        float: right;
        position: absolute;
        top: 1em;
        right: 1em;
        text-decoration: none;
    }

    Change the content value for whatever FontAwesome icon you wish to use:
    https://astronautweb.co/snippet/font-awesome/

    Hope that helps!

    • 9 years, 4 months ago Andrew Misplon
      Hi, I Work Here

      Hi canaryninja

      Thanks for your support and for sharing this solution. It’s most appreciated :)

      All the best with your site.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More