Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • January 30, 2022 at 12:20 am #1337871
    navindesigns

    how can i add dropdown arrows on my navigation items?
    screenshot – https://ibb.co/qkJNV8N

    live site – http://balrajt8.sg-host.com/

    January 30, 2022 at 7:53 am #1337897
    Nikko

    Hey navindesigns,

    I have added this CSS code in Enfold > General Styling > Quick CSS:

    #avia-menu .menu-item-has-children > a:before {
    content: '\e877';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    font-family: 'entypo-fontello';
}

    Please review your site.

    Best regards,
    Nikko

    January 30, 2022 at 10:18 am #1337901
    Guenni007

    and maybe change Nikko’s code a little bit to:

    #avia-menu .menu-item-has-children > a:before {
    content: '\e875';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    font-family: 'entypo-fontello';
}

#avia-menu .menu-item-has-children:hover > a:before {
    content: '\e873';
}
    January 31, 2022 at 4:56 am #1337968
    Rikard

    Hi,

    Thanks for helping out @guenni007 :-)

    Best regards,
    Rikard

    February 2, 2022 at 6:08 am #1338375
    navindesigns

    This works perfect

    Thanks guys!

    February 2, 2022 at 12:08 pm #1338434
    Ismael

    Hi,

    No problem. Glad we could be of help! Please do not hesitate to open another thread if you need anything else.

    Have a nice day.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Add dropdown arrows on menu items’ is closed to new replies.