Flag Position Menu and GB instead US

Hi,

just use British English for your site and you’ll see the Union Jack. You can have your own directory with flags so you can add new flags yourself. The rest is just CSS in my opinion.

The Switcher works like your description with the default settings.

Cheers,
Dennis.

Hi Dennis,
thx for the quick reply.
My site never offered me more than 2 options: german and US english. I dont even know where to add or change the language. In the Network Admin -> Site Admin -> WPLANG ? Do I need to enter language abbreviations here ?

Could you also point me to the file or line of CSS I need to ammend in order to get the position of the flag right ? Is it in your plugin files or the child theme or the main theme ?
Thx Mark

Ok, found the language in each site, Settings, General now.
I change to English UK, hit save and then suddenly the setting returns
back to English US …. must be a different place to set the language then ?

Thx

Yes, seems the admin language in the plugin’s settings is set to American English. Go now to the Multisite Language Switcher (because British English is installed now) and set the languages there.

Regarding the CSS. How do you add the switcher to your sites? With the widget? Or with a call to a PHP function?

Ok, great, got it. For the sake of future readers:
* add the (new) language under Setting -> General
* dont be surprised if it 1st defaults back to the old language
* go to Setting -> Multisite Language Switcher and the (new) language
will appear in a drop down. Choose the (new) language, hit save
Done ??

Re the CSS I went to the multisite language switcher menu, scrolled down and and chose:
Main Setting: flag only.
(all other options untouched)
Menu Settings
Theme Location : primary
Display : flag only

This is the output: https://www.prochinadirect.com
The lengths of my menu seems NOT to be the problem (i shortened it for testing sake), I d like to get it up from the second line to allign right next to my menu items. If possible I d like to increase the flag size, while not disrupting any reponsive behaviours.

It seems that you have to wrap the item in <li></li>-tags. Just use “Text/HTML before each item” and “Text/HTML after each item” for that.

There is by the way an add-on called MslsMenu if you use Nav Menus.

Thx for the super quick replies.
Yes, I already have your MslsMenu add on installed, and after installing it, I received additional options and clicked them as follows:

Theme Location : primary
Display : flag only

I dont know how and where to add the < li > tag in your plug in setting area…

There are also these two fields in that section. Just insert <li> in “Text/HTML before each item” and </li> in “Text/HTML after each item”.

https://www.ads-software.com/plugins/mslsmenu/screenshots/ Screenshot 3

Got it, found it, added it.
The output is still in the 2nd line (zweite Zeile) but now there is a DOT in before the flag…sigh.

I also tried the <li class=”mslsl-menu”> which was mentioned in another support thread but all is un-changed, the flag appears in a second line of the menu bar and now with a DOT preceeding it(which probably makes send with the LI tag).

Any other suggestion, how this could be resolved ?

Yes, make it <li class="menu-item"> like the other elements in your menu.

Cheers,
Dennis.

Thankyou Dennis, this did the trick.
Pls understand I am just a WP user not a coder.

The horizontal position is fine now, but the flag is “lowered” compared to other menu items (Firefox).
Could you point me to the direction where to vertically center the flag ?
Is this something I could solve with additional synthax in your plugin settings or do I have to look at the php files of my theme ?
Thanx, it would be very helpful in order to close this case of “design” and move on and start using the functuality of your plugin.

This has nothing to do with the plugin and it also has nothing to do with “WordPress Coding” but with CSS. You could also add a second class like so <li class="menu-item my-flag">. After that add this class to your CSS-File like so .my-flag { vertical-align: middle; } and check if it works.

Please understand that I cannot give support for other themes and the CSS in there.

Cheers,
Dennis.

Thanks Dennis for pointing me in the right direction.