Theme Avada: Use language selector in the main menu
How to fix the language selector in mobile menu of Avada theme
To create the mobile menu, the Avada theme duplicate the main menu with modified attribute. To fix Weglot language selector on this mobile menu, you must add the following code into your functions.php file. It's add JavaScript code into your page to fix this modified attribute.
<?php
add_action( 'wp_footer', 'weglotsupport_fix_avada_menu' );
function weglotsupport_fix_avada_menu() {
?>
<script type="text/javascript">
/* WEGLOT FIX AVADA MENU */
jQuery(document).ready(function ($) {
var weglotMenuDone = false;
jQuery(document).on('click', '.fusion-mobile-menu-icons', function() {
if (weglotMenuDone) {
return;
}
jQuery(".menu-item-weglot.menu-item-object-custom").each(function() {
if ( typeof jQuery(this).attr("id") !== 'undefined' ) {
var id = jQuery(this).attr("id");
var str = "menu-item-";
var dataId = id.substring(str.length, id.length);
jQuery('[data-item-id=\"' + dataId + '\"]').addClass( jQuery(this).attr("class") );
}
});
weglotMenuDone = true;
} );
});
</script>
<?php
}