Hi Support,
Is there a way to display the mobile menu of the website as accordion containers/objects ? we would prefer it without an additional plugin, but if this is not possible, which plugin would you use?
For example the mobile menu, as on the websites: https://www.xsuite.com/ or https://www.inpuncto.com/e-rechnungen-in-deutschland-zur-pflicht-b2b/
Best regards,
Thilo Kiefer
Hey ThiloKiefer,
That doesn’t look much different to what is already available in the theme, did you try the different options under Enfold->Main Menu->Mobile/Burger menu? If you need help with styling your menu, then please let us know exactly what you would like to change.
Best regards,
Rikard
the second link you list – is nearby the option on : Main-Menu – Overlay Style : Full Page Overlay Menu
for example One : you can use the normal flyout and try to influence the slide-out behaviour.
f.e.:
.html_av-overlay-side.av-burger-overlay-active-delayed .av-burger-overlay-scroll {
transform: translateY(0);
}
.html_av-overlay-side .av-burger-overlay-scroll {
transform: translateX(0px);
width: 100%;
transform: translateY(-100%);
transition: transform 2s ease
}
see: https://basis.webers-testseite.de/
PS: you do not need to set the width to 100% if you like to have smaller burger menus
and if you like to have not the whole height (standard for av-burger-overlay-scroll is 100% on enfold ) – and like to scroll inside burger menu – but then the height has to be synchronised with the transformY value
f.e: height set to 50% – then transformY(-50%)
Thank you Rikard and Guenni007! We are going to try it.
Best regards,
Thilo Kiefer