@amateur_dev
here is an easy solution.
1. open your menu editor, and add the language urls
In my case they are: ‘EN’, ‘HU’ and ‘DE’
2. add custom class to you navigation links. You can enable this option in the top menü.
https://cdn4.wpbeginner.com/wp-content/uploads/2014/12/adding-css-classes-wp-menus.png
3. add your custom classes, mine for example:
‘ennav’ ‘denav’ ‘hunav’
(you don’t have to take dot before the names, because wordpress indentifies the names as css classes.)
AND you add another word to each menu item, for example ‘mynav’
4. go the the WPGlobus settings and you can find the ‘add custom css’ filed here: /wp-admin/admin.php?page=wpglobus_options&tab=1
5. create your custom css.
It’s easy:
.mynav {
background-repeat:no-repeat;
background-position:center;
}
.hunav {
background-image: url(/wp-content/plugins/wpglobus/flags/hu.png);
}
.denav {
background-image: url(/wp-content/plugins/wpglobus/flags/de.png);
}
.ennav {
background-image: url(/wp-content/plugins/wpglobus/flags/en.png);
}
6. If you want display just the flags, that’s enough.
Maybe you should write
into the menü titles ?
So you can hide the menu titles without further coding.
Best,
L.