On Beaver Builder Theme, prevent the Navigation Menu from displaying submenu items on hover and instead do it on click.

bb-nav-menu-hover-to-click.php

<?php
add_action('wp_footer', function(){
    if ( is_admin() ) return;
    ?>
    <script id="remove-menu-hover">
        jQuery(document).ready(function($){         
            setTimeout(function(){
                $('nav.fl-page-nav ul.navbar-nav > li.menu-item-has-children').off('mouseenter mouseleave');
                $('nav.fl-page-nav ul.navbar-nav > li.menu-item-has-children > a').on('click', function(event){
                        event.preventDefault();
                }); 
                $('nav.fl-page-nav ul.navbar-nav > li.menu-item-has-children').on('click', function(event){
                    $('nav.fl-page-nav ul.navbar-nav > li.menu-item-has-children').removeClass('fl-sub-menu-open');
                    $(this).addClass('fl-sub-menu-open');
                    event.stopPropagation();
                });
                $(document).on('click', function(){
                    $('nav.fl-page-nav ul.navbar-nav > li.menu-item').removeClass('fl-sub-menu-open');
                });
            }, 1100);
        });
    </script>
    <?php
}, 900);

@spencerslickremix Thanks for sharing your code!