Tagged: language switcher, mobile menu
Hey guys,
I would like to set the flag symbols for englisch and polish next to the mobile burger menu, so that it´s visible from start. In desktop everythin is visible in the menu, that´s fine. But for mobile the language-flags are currently just visible in the open menu at the bottom which is too hidden.
Thanks for your help.
Hey ZbyszekMrugala,
Thank you for the link to your site, to add the language selector next to the mobile menu please try this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:
@media only screen and (max-width: 767px) {
.responsive #top .av-main-nav .menu-item.wpml-ls-slot-250 {
display: block;
}
.responsive #top #wrap_all #header #av-burger-menu-ul .wpml-ls-slot-250.av-active-burger-items {
opacity: 0;
}
}
this will also hide the language selectors inside the mobile menu because I assumed you didn’t want to show them twice.
This is the expected results:
Best regards,
Mike
It worked perfectly – Thank you! :)
Best,
Zbyszek
Hi,
Great, I’m glad that Mike could help you out. Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
Rikard
Hey Rikard,
you can close it there is nothing right now from my side.
Thanks and have a great week
Zbyszek
Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.
Best regards,
Mike