Sydney and Polylang not displaying flags in menu

Hello,

I’m trying to use Polylang so I can have my site in both German and English. I’d like to have the flags in the menu so that visitors can simply click the US flag or the German flag. I followed the video tutorials here, but I’m still having issues.

The flags do not display even though I have the “Displays flags” box checked (Appearance > Menu >English Menu > Language Switcher). Instead, both options show up in the menu as “Language Switcher”. If I deselect “Displays flags” and select “Displays language names” I have the same issue, names are not shown, but “Language Switcher” is.

Here is a link to my site.

Any advice on how I can resolve the issue?

Thanks!

Travis

Hello Travis,

Have the display location option been properly set?

02%20PM

Regards,
Kharis

Hi Kharis,

The display locations have been properly set:

image

Travis

Hello there,

What will happen if your also enabled it for Deutsch?

Regards,
Kharis

Hi Kharis,

I have discovered that I can change the name in the menu from “Language Switcher” to “German” or “English” if I go to Customize > Menus. However, this changes the button for both the current language and the other language to the same thing (either both say “German” or both say “English”.

To answer your question, if I also enable it for Deutsch, then the English menu appears on both the English and German version of the website and the German menu never appears. I’ve attached some photos below to try and show you.

I have two menus, one in English -Menu 1 (Primary Menu English)- and one in German -Deutsch (Primary Menu Deutsch)
image

Menu 1 (Primary Menu English) has the display location set as “Primary Menu English”

Deutsch (Primary Menu Deutsch) has the display location set as “Primary Menu English” (Note: I included some of the menu items above so you can see if I’m looking at the English or the German Menu)
image

If I also enable Menu 1 (Primary Menu English) for Deutsch as you suggest then it automatically disables Deutsch (Primary Menu Deutsch) for Deutsch

On the front end the only effect this seems to have is that the English menu is permanently present on both the English and the German versions of the site.


As you can see, there’s still no flags, and the words “German” show up twice, instead of “English” and "German.

Would it hep if I gave you Editor abilities so you can see the back end?

Thanks in advance!

Travis

Hello Travis,

I am sorry, it’s going to be a bit complex to me. For efficiency reason, please grant me to access your site admin area (/wp-admin) and allow me to set it up for you. Share the working username and password privately to kharisblank@gmail.com. Mention the link to this topic in your message body to signal it’s a followup of this support forum reply. So I can prioritize you.

Regards,
Kharis

Hello Kharis,

I have sent you login credentials through email

Thanks!

Travis

Hi,

So I kind of solved this on my own, though I have one issue remaining.

I clicked the box that says “Hide the current language” so instead of displaying “German German” and “English English” it only displays it once. I then went into Customize > Menu > Language Switcher where I could change the name and set the name to be an HTML code for an image of the flag I uploaded.

Ex: I made the name of the menue item:

<img class="alignnone size-full wp-image-1485" src="https://www.mysite.com/wp-content/uploads/2018/07/Canada-Flag.png" alt="" width="40" height="20" />

It did the job.

image

This issue I now have is that I want both languages/flags to be displayed. If I unclick the “Hides the current language” box it then displays the same name/flag twice (IE, there’s either two German flags side by side, or two English flags side-by-side).

Does anyone know a solution for this? Maybe a CSS code to get it to show both flags? Maybe something like:

#site-navigation .lang-item {
display: all;
}

(That doesn’t work, but something similar? Or am I way off base?)

Thanks,

Travis