[Resolved] Move Menu Drop Down Arrow to the Left of Text

Home Forums Support Move Menu Drop Down Arrow to the Left of Text

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #1420615


    Is there a way to move the ‘sub-menu’ drop-down arrow to the left of the menu item copy?

    The menu items now have “TEXT >” but I’d like it to be “> TEXT”.

    The “>” is meant to be the ‘down’ arrow.

    I’d found this code:

    .dropdown-menu-toggle:before {
    content: “\f107”;
    font-family: GeneratePress;
    display: inline-block;
    width: .8em;
    text-align: left;

    But I’m not sure how to change it. I tried changing some things around to no avail.

    I’m trying to match the menu item for the Brizy page builder. Already tried them and was unhelpful.

    Brizy’s drop down arrow is on the Left.
    GP’s is on the right and because Brizy’s ‘global’ menus don’t work with Woocommerce yet, I’m needing to use 2 menus and trying to match their designs as much as possible.

    Maybe there’s a simple thing to change here?


    Customer Support

    Hi there,

    it takes a little CSS to move the icon – but can i ask why you would use the Brizy nav considering it doesn’t support Woo and its ‘cart icon’ doesn’t have the GP Cart menu?


    Hi David,

    They just got back to me with the CSS code for the Brizy nav, so I was able to finally change the drop down arrow location!

    I’m using the Brizy nav because it doesn’t allow me to use the GP menu. The only menu that can be shown on Brizy-created pages is a Brizy-styled menu. The Brizy nav grabs the menu items from WP, but doesn’t allow the styling.

    If I had only known earlier what I know now hah.


    Customer Support

    Well thats just terrible lol

    Glad to hear you found a solution.

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.