Tagged: avia, button, overlay menu, trigger
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
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
Hi Mike,
thank you for your efforts.
Best regards,
Bernd
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