• Resolved agnes099

    (@agnes099)


    Hello, I am trying to customise the arrows (both the colour and angle) I have on my menu (Groceries) but this seems impossible to do for some odd reason. Please what can i do? Thanks.

    • This topic was modified 2 years, 5 months ago by agnes099.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Not sure what your end goal is but:

    .elementor-2245 .elementor-element.elementor-element-3b12895 .elementskit-navbar-nav > li > a .elementskit-submenu-indicator {
        color: #f34;
        transform: rotate(45deg);
    }

    That will make it orange and turn it 45 degrees.

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Forum Moderator

    This arrow? See https://i.imgur.com/PWl76BX.png

    This is the CSS that sets the arrow. The actual “text” is in the first one,

    .ekit-wid-con .fasicon.icon-down-arrow1:before, .ekit-wid-con .icon.icon-down-arrow1:before, .icon.icon-down-arrow1:before {
        content: "";
    }
    .ekit-wid-con .fasicon, .ekit-wid-con .icon, .ekit-wid-con .icon:before, .fasicon, .icon, .icon:before {
        font-family: "elementskit"!important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    The “elementskit” font is the key here. You need to find the right code for the “content” piece. I recommend asking at https://wordpress.org/support/plugin/elementskit-lite/#new-post so the plugin’s / theme’s developers and support community can help you with this.

    Thread Starter agnes099

    (@agnes099)

    Alright thanks so much guys. Very grateful.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Menu arrows’ is closed to new replies.