Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #790570

    Dear ENFOLD support team,
    in the Enfold HEADER SETTINGS we have set DISPLAY OF MENU ITEMS to “Display as icon”.
    On some pages we now would like to invoke the same Menu Overlay with a button.
    Which means this button should have just simply the same effect as clicking on the menu icon.
    Is there a link like #menu, which we could just use to trigger the overlay menu?
    Best regards,
    Bernd

    #790786

    Hey Bernd,
    Sorry I was unable to find any solution for this. But here is the html for the menu button, perhaps you can tinker with it:

    <a id="advanced_menu_toggle" href="#" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></a>

    Best regards,
    Mike

    #790871

    Hi Mike,
    thank you for your efforts.
    Best regards,
    Bernd

    #790887

    Hi,

    Try enabling the Custom Css Classes: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
    then Add a text block and in it’s Custom Class add this:

    custom-burger-menu av-burger-menu-main

    Insert a button in text block using the Magic Wand tool, set the link to #.
    Finally add this css code in Quick CSS (located in Enfold > General Styling):

    .custom-burger-menu.av-burger-menu-main {
        display: block !important;
    }

    Let us know if this helps. Also make sure you don’t want to add any links in that text block since it would trigger that menu overlay :)

    Best regards,
    Nikko

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