Avia.js in child theme

Hi,

Thanks for the update, where can we see the problem on an actual site? Please include admin login details to the site as well so that we can have a look at the backend.

Best regards,
Rikard

Hi,

Thanks for that, I wanted to comment out the code you referenced but the editor function looks to be removed on your installation. Could you try it out yourself maybe? What happens if you just run the default avia.js from the parent theme?

Also, it looks like you have done a lot of customisations to the theme in general so it might be a CSS problem. You might want to try to remove all your custom CSS temporarily as well to see if that makes any difference to the mobile menu behaviour.

Best regards,
Rikard

Hi,

The editor function can be found under Appearance->Editor by default, but a lot of hosting providers turn that off to avoid non-developer from making edits to the code of the theme.

If the burger menu works fine with the default file then it’s very likely that your customisations are at fault. Maybe you could try to review the custom code to see if you can locate the problem?

Best regards,
Rikard

Hi,

I’m not sure to be honest with you, but I’m guessing there is something wrong with the dequeue/enqueue function you are using. Could you try to only dequeue the default file to see if it actually works? All things depending on that file should fail if the dequeue actually works.

Best regards,
Rikard

Hi,

Thanks for the update. Please try this instead:

function wp_change_aviajs() {
   wp_deregister_script( 'avia-default' );
   wp_enqueue_script( 'avia-default-child', get_stylesheet_directory_uri().'/js/avia.js', array('jquery'), 2, true );
}
add_action( 'wp_enqueue_scripts', 'wp_change_aviajs', 100 );

Best regards,
Rikard

Hi,

Thanks for the update, are you seeing any error messages in the console if you inspect the page in your browser? Are you sure that the file you want to enqueue is placed in the search path specified in the code?

Best regards,
Rikard

Hi,

What did you change in the avia.js file? Please get the latest copy of the avia.js file and then readd your modifications.

Best regards,
Ismael

Hi,

What is the name of the file? Can we take a look? This is the only error that I see in the console.

www-widgetapi.js:99 Failed to execute 'postMessage' on 'DOMWindow': The target origin provided ('https://www.youtube.com') does not match the recipient window's origin ('http://ebenisterie-loutan.ch').

Best regards,
Ismael

Hi,

The avia.js file in the child theme folder is still active.

// Replace avia.js
function wp_change_aviajs() {
   wp_dequeue_script( 'avia-default' );
   wp_enqueue_script( 'avia-default-child', get_stylesheet_directory_uri().'/js/avia.js', array('jquery'), 2, true );
}
add_action( 'wp_print_scripts', 'wp_change_aviajs', 100 );

I thought you disabled it? Please get the latest version of the avia.js file and then redo the modifications.

Best regards,
Ismael

Hi,

What did you add or modify in the avia.js file?

Best regards,
Ismael

Hi,

The mobile menu is working properly when the includes > helper-main-menu.php and the child theme’s avia.js files are disabled.

Best regards,
Ismael

Hi,

You can modify the avia.js file but you have to make sure that you’re using the updated version.

Best regards,
Ismael