I recently installed WPML. The site needs to support 17 different languages. When I first added the plugin, the newly added flags pushed my existing menu out of the way. I figured out that if I added the secondary menu the flags wouldn’t push the menu, but would sit at the top of the screen. I can’t figure out a way to use a dropdown instead of having the flags display horizontally.
Also when I access the site using a mobile device – only the first six languages are visible in the secondary menu, and you can’t scroll to see the others.
Hi cguiguet!
Thank you for using Enfold.
Add this in the Quick CSS field:
@media only screen and (max-width: 767px) {
.responsive #header_meta .sub_menu>.avia_wpml_language_switch>li {
display: block;
padding: 5px 2px;
float: left;
}
.responsive #header .sub_menu, .responsive #header_meta .sub_menu>ul {
height: 64px;
}}
Cheers!
Ismael
Hi Ismael – thank you for your help! That did allow me to see all the flags. That being said – the bar takes up a lot of real estate. Is there a way I could use a drop down language selector instead of all the flags?
And if that’s not possible – is there a way to completely remove the flags and have the language selector at the top of the menu drop down instead of the bottom (in mobile mode.)
Hey!
go into WPML plugin settings and choose the dropdown layout for language selector. For more info: https://wpml.org/documentation/getting-started-guide/language-setup/language-switcher-options/
Regards,
Andy
Hi Andy, I’ve tried that (a few times.) The flags always appear regardless of the drop-down layout chosen.