Hi,

I'm trying to use a jQuery function on the mobile menu but everything I try fails to work. I've done a test using a simple hover alert message. When in desktop mode and rolling over 'Home' the alert message displays. However, when I reduce the window down to mobile and rollover 'Home' the alert message fails to show. If I move the jQuery selector tag to say the Logo, burger menu or search icon it shows on both the desktop and mobile. 

For some reason anything inside the 'mobile menu container' is being ignored.         

Here is the jQuery snippet that i've added to my header.php file:              

     <script type="text/javascript">

                                jQuery(document).ready(function () {

                                    jQuery("#menu-item-14").hover(function () {

                                        alert('test');

                                    });

                                });

                            </script>

I'm using Wordpress with WooCommerce and Divi

Thank you