How to create a sticky fusion mega menu dropdown for Avada


Some of you might notice that once you have created a fusion mega menu dropdown in Avada, once it appears, if you move your mouse just slightly out of its bounds, the dropdown will disappear.

This can be pretty frustrating when trying to navigate around the menu when it’s so easy for it to disappear.

So to create a sticky dropdown (it’ll stay open regardless where your mouse pointer is), and only closes once you start scrolling on the page, then this is the code for you.

https://gist.github.com/magician11/dd8d9e2f487d12969de06847f99c903e

 

Copy and paste the above code into the “Space before </body>” box found in

Avada->Theme Options->Advanced->Code Fields (Tracking etc.)

 

[fusion_builder_container hundred_percent=”yes” overflow=”visible”][fusion_builder_row][fusion_builder_column type=”1_1″ background_position=”left top” background_color=”” border_size=”” border_color=”” border_style=”solid” spacing=”yes” background_image=”” background_repeat=”no-repeat” padding=”” margin_top=”0px” margin_bottom=”0px” class=”” id=”” animation_type=”” animation_speed=”0.3″ animation_direction=”left” hide_on_mobile=”no” center_content=”no” min_height=”none”][fusion_imageframe style_type=”glow” lightbox=”yes”][/fusion_imageframe]

 

Any questions let me know![/fusion_builder_column][/fusion_builder_row][/fusion_builder_container]


7 responses to “How to create a sticky fusion mega menu dropdown for Avada”

  1. Hey Andrew,

    I just implemented your code and as soon as i hover over the menu flickers and then goes away. Is there a change I need to make to the code to make it stick.

    Thanks,

    Brent

    • Hey Brent! Looks like Avada has updated their code again so this breaks. Are you still wanting this mega menu to stick?

  2. Hi Andrew, the code didn’t work for me, but I read your comment and now know updates are the reason. I’d still be interested in a sticky megamenu dropdown if you have the updated code.

  3. Hello Andrew,

    Thanks for your tipes 🙂
    I have the same question that Mandy asked.
    Do you know a way to show the mega menu on click instead of on hover ?
    It’s shame that avada don’t offert this possibility with the mega-menu 🙂

    Have a good day

    Avada version: 5.2

Leave a Reply

Your email address will not be published.