Home>Support>Arrow Indicators on Nav Menu Dropdowns
  1. 6 years, 5 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.


  2. 6 years, 5 months ago sergedicapi

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

  3. 6 years, 5 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. 6 years, 2 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:

    Hope that helps!

    • 6 years, 2 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