Tagged: 

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • September 6, 2018 at 10:08 pm #1006817
    scotthco

    Hi Guys!

    I was wondering if it’s possible to add those little drop down indicator arrows (or “V”s or whatever) to the full width submenu so users will know when a main menu item has sub items. Is there a quick way to do this? Did I miss a setting for the menu element perhaps?

    Thanks!

    Scott

    September 7, 2018 at 11:49 am #1007066
    Victoria

    Hey scotthco,

    Here are some threads to consider:

    Added down arrow to drop down menu item, would like to style..

    Down arrow to show there are submenus

    If you need further assistance please let us know.
    Best regards,
    Victoria

    September 7, 2018 at 9:25 pm #1007304
    scotthco

    Thanks Victoria! I actually did find a post that helped shortly after I posted this topic but forgot come back and say so.

    September 8, 2018 at 6:40 am #1007358
    Rikard

    Hi Scott,

    Great, thanks for the feedback. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    September 8, 2018 at 7:39 am #1007371
    Guenni007

    yes – the arrow right is very nice Mike posted above in the link mentioned

    if would have done it with that class enfold uses vor all menus having submenus: dropdown_ul_available

    something like this: 

    .menu-item.dropdown_ul_available {
    overflow: visible !important;
}

.menu-item.dropdown_ul_available:hover:before {
    display:none
}

.dropdown_ul_available::before {
    content: "\e883";
    font-family: entypo-fontello;
    position: absolute;
    bottom: -20px;
    font-size: 24px;
    color: #bebebe;
    left: 50%;
    transform: translateX(-50%);
}

    but my favorite is the arrrow besides the menu title

    .menu-item-top-level.dropdown_ul_available > a .avia-menu-text:after {
content: "\e883";
font-family:entypo-fontello;
color: #900;
position: relative;
left: 5px;
vertical-align: middle
}
    September 8, 2018 at 1:31 pm #1007412
    Rikard

    Hi,

    Thanks for sharing @guenni007 :-)

    Best regards,
    Rikard

    December 9, 2018 at 11:52 pm #1042839
    patde22

    Hello,

    the solution of Guenni007 to show an arrow besides the menu title is very nice!

    Is it also possible to show another arrow at a child menu entry, because I have a more nested menu with child menu entries.

    regards
    patde22

    December 11, 2018 at 8:04 pm #1043955
    Victoria

    Hi patde22,

    Could you please give us a link to your website, we need more context to be able to help you.

    Best regards,
    Victoria

    May 5, 2019 at 6:18 pm #1097464
    DJQuad

    I like this solution even without full width

    menu-item-top-level.dropdown_ul_available > a .avia-menu-text:after {
content: "\e883";
font-family:entypo-fontello;
color: #900;
position: relative;
left: 5px;
vertical-align: middle
}

    Is there a way to add right arrows to the dropdown if there are submenus under that?

    • This reply was modified 5 years, 6 months ago by DJQuad.
    May 8, 2019 at 5:29 pm #1098514
    Vinay

    Hi,

    To add an indicator on the right side of the parent menu items please use the below CSS

    .av-subnav-menu .menu-item.menu-item-has-children a:after {
	position: absolute;
	content: "\e883";
	font-family: entypo-fontello;
	padding-left: 10px;
}

    Best regards,
    Vinay

    May 9, 2019 at 5:51 pm #1099025
    DJQuad

    This didn’t work – https://imgur.com/vEnir1W

    May 12, 2019 at 6:33 pm #1099775
    Victoria

    Hi DJQuad,

    Please start a separate thread, describe your issue there and give us a link to your website.

    Best regards,
    Victoria

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