Nav bar submenu drop down on hover in addition to on click? | Communifire Support

Is it possible on the "about us" and the "requests" to have the submenu open if someone hovers over it?

Hi Sierra,

We are looking into this.

Thanks,
Raghav

Hi Sierra,

We have added the following JS code in Footer Scripts for that:

<script type="text/javascript">
    $(document).ready(function(){
        $(".zeppelin-sub-header .pos-relative").hover(function(){
            $(this).addClass("open");
        }, function(){
            $(this).removeClass("open");
        });
   });
</script>

Can you check the menus now by hovering them?

Thanks,
Raghav

This almost works. Hovering does open the menu BUT when you try to go down to click on anything in the dropdown it disappears on the full screen nav -- appears to function as expected on the hamburger dropdown.

It should be closing only on hovering out of the menu. If you are hovering the menu itself, it should stay there:

Here is the screencast of my screen:

Are you seeing a different behavior?

It's not consistent for me -- sometimes it stays open and I can select items and other times it closes. 

I can't figure out the rhyme or reason for it

I have commented out the hover out part ($(this).removeClass("open");) now:

<script type="text/javascript">
    $(document).ready(function(){
        $(".zeppelin-sub-header .pos-relative").hover(function(){
            $(this).addClass("open");
        }, function(){
            //$(this).removeClass("open");
        });
   });
</script>

Can you check now?

It will close on clicking the menu item or clicking outside the menu.

This appears to work consistently -- thanks!