Fullwidth Submenu doesnt allow clicking middle nav items on mobile

Hey ctadlock,
Thank you for your patience, and the link to your site but I’m having trouble understanding your issue, so far I understand that it is that some sub-items in the sub-menu on mobile are not clickable. When I check the Tag items in the sub-menu all seem to be clickable, so on desktop it is like this on hover:

On mobile after opening the menu and clicking Tag all of the sub-items are clickable:

I do note that your sub-items have arrows making them look like there are further sub-items, but there are not. Perhaps this is what you ment?

Best regards,
Mike

Hi,
Thank you for the feedback, I believe I understand now, in this case you will need to use the Clone title menu items to submenu option

it was created for this situation.

Best regards,
Mike

Hi,
Thank you for your patience, I investigated this further as it pertains to the Fullwidth Submenu element, and currently if a top-level item has a sub-menu then in mobile the first click opens the sub-menu and the second click goes to that items link, but items in the top-level sub-menu don’t behave this way. I reviewed the script for this and was able to extend it for the second level sub-menus, Try adding this code to the end of your functions.php file in Appearance > Editor:

function fullwidth_submenu_mobile_script() { ?>
    <script>
(function($){ 
$('.avia_mobile').on('click', '.av-menu-mobile-disabled li ul.av-visible-mobile-sublist li a', function()
{
    var current = $(this);
    var list_item = current.siblings('ul');
    if(list_item.length)
    {
        if(list_item.hasClass('av-visible-mobile-sublist'))
        {
            
        }
        else
        {
            $('.av-visible-mobile-sublist').removeClass('av-visible-mobile-sublist');
            list_item.addClass('av-visible-mobile-sublist');
            return false;
        }
        
    }
});
}(jQuery));
</script>
    <?php
}
add_action('wp_footer', 'fullwidth_submenu_mobile_script');

I tested this on your /nfc/ page by injecting the script via the browser dev tools mobile simulation, and what I noticed is the second level sub-menus items were off the screen at 425px because the menu items are 200px wide, but your text length will fit in a 100px menu so I would also recommend this css:

@media only screen and (max-width: 767px) { 
#top .av-subnav-menu > li ul {
    width: 100px !important;
}
#top .av-subnav-menu > li ul ul {
    left: 98px !important;
}
}

Best regards,
Mike

Hi,
Sorry to hear this didn’t work for you, it seemed to work for me when I injected it, are you forcing jQuery to load in your footer? Did you try it with WP Rocket disabled?
Anyways I have submitted this to the dev team to review, I will reply when I hear back from them, thank you for your patience.

Best regards,
Mike