Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #1006817

    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

    #1007066

    Hey scotthco,

    Here are some threads to consider:

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

    #1007304

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

    #1007358

    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

    #1007371

    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
    }
    #1007412

    Hi,

    Thanks for sharing @guenni007 :-)

    Best regards,
    Rikard

    #1042839

    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

    #1043955

    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

    #1097464

    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, 1 month ago by DJQuad.
    #1098514

    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

    #1099025

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

    #1099775

    Hi DJQuad,

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

    Best regards,
    Victoria

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