Tagged: Fullwidth sub menu
Hi, is there a currently supported way to force a Fullwidth Sub Menu to become sticky on mobile layouts? (Oddly, the “sticky” option for this element currently says “ignored when burger menu icon is shown”, but I am fairly sure this behavior was working in the past…. Did something change?)
I’ve reviewed a few previous threads that seemed relevant, but could not get any of the suggestions to work.
Thanks in advance.
Gary
Hey Gary,
Thank you for the inquiry.
You could modify the enfold\config-templatebuilder\avia-shortcodes\menu\menu.js file and remove the condition that disables the sticky behavior when the burger menu is active, but you will see why it is so in the first place. Comment out line 55 of the said file or remove it completely.
/**
* If we have burger menu active we ignore sticking submenus
*/
if( burger_menu.is(":visible") )
{
this.css({top: 'auto', position: 'absolute'}); fixed = false;
return;
}
This will enable the sticky behavior on mobile view, but as you will notice, the menu position will be a bit off.
Best regards,
Ismael