Dropdown menu (WMPL) does not work (only shows vertically)

Hi,

Thank you for the update.

That is the default layout of the language switcher in the theme. And if you want to disable it, you have to add this snippet in the functions.php file.

add_action('after_setup_theme','avia_remove_main_menu_flags');
function avia_remove_main_menu_flags(){
        remove_filter( 'wp_nav_menu_items', 'avia_append_lang_flags', 20, 2 );
        remove_filter( 'avf_fallback_menu_items', 'avia_append_lang_flags', 20, 2 );
        remove_action( 'avia_meta_header', 'avia_wpml_language_switch', 10);
}

Then add this code to insert the default language switcher inside the header.

// Render the default language switcher (activate header meta)
add_action('avia_meta_header', 'ava_icl_language_selector');
function ava_icl_language_selector(){
	do_action('icl_language_selector');
}

Best regards,
Ismael

Hi,

Yes, both snippet should go in the functions.php file — one will disable the theme’s language switcher and the other will add the default switcher from the plugin inside the top bar of the header. You will have to configure the switcher style in the WPML > Languages panel.

Best regards,
Ismael

Hi,

We edited the functions.php file and adjusted the code a bit. The default flags are now showing inside the header, but it has to be adjusted with css. This is the updated code.

add_action('after_setup_theme','avia_remove_main_menu_flags', 999);
function avia_remove_main_menu_flags(){
        remove_action( 'avia_meta_header', 'avia_wpml_language_switch', 10);
	    remove_filter( 'wp_nav_menu_items', 'avia_append_lang_flags', 9998, 2 );
		remove_filter( 'avf_fallback_menu_items', 'avia_append_lang_flags', 9998, 2 );
}
// Render the default language switcher (activate header meta)
add_action('ava_main_header', 'ava_icl_language_selector');
function ava_icl_language_selector(){
	do_action('icl_language_selector');
}

Add this css code to adjust the position of the language switcher.

#lang_sel {
	float: right;
	position: relative;
	top: 18px;
}

.main_menu {
	right: 220px;
}

Best regards,
Ismael