Dropdown menu wont work on mobile

[fatcatgraphics]

Hi my mobile menu wont work in proheader. I tried recreating a dropdown menu, but that wouldnt work, i tried disabling plugins and removing css. Not sure what the cause is…

the site is https://tuprensalocal.com/
Appreciate any help. Thanks!
Rena

[christopher]

Hi Palila-Studio,

I understand that you checked the case, but I still think that this should be a plugin conflict as I see Javascript errors. The reason why the menu is not working is that there is a Javascript error and the browser stops rendering the Javascript code and all the animations and whatever stuff that is needed in Javascript stops working.

Please purge the caches first and then disable all the plugins and test the case. If you permit us, we can do that, but we urge you that you have a complete backup of your website before doing so.

Thank you.

[fatcatgraphics]

I have tried again, but still no luck. i have backed up the site, Id appreciate the help. Thank you!

[friech]

Hi @fatcatgraphics,

The issue seems to be coming from your child theme, switch to parent theme and you’ll see the menu dropdown works.

Please remove the customization you have on the child theme one by one and see which one is causing the issue. More likely its this function that is on your child theme functions.php file.

/**
 * Bootstrap
 */

function my_scripts() {
    wp_enqueue_style('bootstrap4', 'https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css');
    wp_enqueue_script( 'boot1','https://code.jquery.com/jquery-3.3.1.slim.min.js', array( 'jquery' ),'',true );
    wp_enqueue_script( 'boot2','https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js', array( 'jquery' ),'',true );
    wp_enqueue_script( 'boot3','https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js', array( 'jquery' ),'',true );
}
add_action( 'wp_enqueue_scripts', 'my_scripts' );

Thanks,