Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1443938

    Hi!

    I do not seem to find a way to add an arrow (or a different kind of marking) for the menu items that have submenus: https://www.alexandrubugnariu.ro/servicii/

    Thank you!

    #1444016

    Hey tcampaner,

    Thank you for the inquiry.

    There is no default option for this, but you can use the following css code to create an arrow above the menu items with submenus.

    #top .menu-item-has-children:before {
        content: '';
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid #ffffff;
        display: block;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
    }

    Best regards,
    Ismael

    #1444046

    Hi Ismael,

    Thank you for the code. It works, but I was thinking somethig more intuitive, like here: https://i.ytimg.com/vi/rh9H08x4Sz0/maxresdefault.jpg

    Right now it displays an arrow on top of the text and is not very intuitive: https://www.alexandrubugnariu.ro/homepage/

    Thank you!

    #1444409

    Hi,
    Thanks for the mockup image, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    #top .menu-item-has-children > a > .avia-menu-text:after {
    	content:"\e873";
    	font-family: 'entypo-fontello';
    	right: -10px;
      position: relative;
    }
    

    Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
    This is the expected results:
    Enfold Support 5835

    Best regards,
    Mike

    #1444709

    Hi Mike,

    Thank you very much!
    This is exactly what I needed. :)

    Regards!

    #1444725

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Arrow on the menu items that have submenu’ is closed to new replies.