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.
Theme Avada website : https://avada.theme-fusion.com/​
<?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
}

Theme OceanWP: Use language selector in the main menu

Next - Javascript

Getting Started

Last updated 1 year ago