Hi,
We’d like users to be able to navigate between tabs on this page on mouse hover (desktop), instead of having to click. We’ve seen code in other posts for doing this, namely that you need to change this part of your shortcodes.js file:
tab.addClass(‘tab_counter_’+i).bind(‘mouseenter’, function()
We’re using a child theme for this site. How do we go about adding this line of code to a child theme?
Hey Ken,
You would need to recreate the folder structure in the child theme and copy the shortcode.js file into it. So child theme folder>js>shortcodes.js.
Then just add the update to the version of the file in your child theme.
Best regards,
Jordan Shannon
Thanks for the reply Jordan. We recreated the folder structure as you suggested, but nothing seems to be happening on mouse hover still.
Hi,
Please add this to the bottom of your functions.php file:
function change_aviajs() {
wp_dequeue_script( 'avia-shortcodes' );
wp_enqueue_script( 'avia-shortcodes-child', get_stylesheet_directory_uri().'/js/shortcodes.js', array('jquery'), 3, true );
}
add_action( 'wp_enqueue_scripts', 'change_aviajs', 100 );
Best regards,
Jordan Shannon