WPML flag in menu Extended



Shows translated flags (for every language except current viewing lang) in any selected menu in the plugin settings
LTR support

In addition to the plugin from Ramon Fincken, this plugin let you select on which menu you want to add the language flags.
You can even make an empty menu and make it dedicated for your language flags and put it as a custom menu in the sidebar.

To make the flags appear on a translated menu, you go in the settings of the plugin and add the translated menu to the selection
you made. This has to be done with every translated menu where you want the flags to appear. So, if you just have translated a
menu. Go back to the options of the widget and you will see that this translated menu is added to the list. Select this menu too and
save the options.

See other notes tab for explanation

Visit: for more explanation.

additional classes

You can also add an additional class for the IMG and LI tag. On the LI tag is automatically added the class not-last for all
flag items but the last one, and last for the last flag.

Now you can add some styling like:

/* make a border around the flag icon */ img.wpml_flags {     border : 1px solid #f1f1f1; }  /* bring the icons a bit closer together */ li.wpml_flags.not-last {     margin-right : -20px; }  /* a little left padding after the flag, when name is used too */ .wpml_flags_name {     padding-left : 10px; } 

You can find these styles in the style.css in the css directory of the plugin.
Modify this to your own requirements.

How to right justify the menus on a menu?

You can add a wrapper class around the flags and put some CSS styles on it.

In the wrap element you put: div
In the wrap extra classes you put: flag_wrapper.

 #main-nav ul div.flag_wrapper {     float: right; } 

In the wrap element you put: span
In the wrap extra classes you put: flag_wrapper.

 #main-nav ul span.flag_wrapper {     float: right;     line-height: 14px; /* this could be different */ } 

How to add a menu to a seperate widget area?

  1. Create a new menu f.e. Language Selecter
  2. Add a custom link to this menu with in the label: [wpml_flag_menu]
  3. Save the menu
  4. Create/Translate the menu in all your languages (to make it exists in all languages)
  5. Modify the wmpl_flag_menu settings and select the menus used created/translated
  6. Save the settings
  7. Add a custom menu widget to the sidebar or any other widget area and select the Language Selecter as selected menu
  8. Save the settings and look for the result


This plugin will not create flags on the main navigation menu of SOME(!) Genesis Framework (child) Themes !!!

Coding by: Johan van de Merwe



  1. Upload directory wpml-flag-in-menu-extended to the /wp-content/plugins/ directory
  2. Activate the plugin through the Plugins menu in WordPress.
  3. Select menus where you want the flags to appear in the Settings/WPML Flags in Menu Extended Dashboard option
  4. You are done!


Visit and drop your question.

Leave a Reply

Your email address will not be published.

Fill out this field
Fill out this field
Please enter a valid email address.
You need to agree with the terms to proceed

Most Viewed Posts