Mobile top bar

Hello,

My website is translated to 5 different languages and I used WPML for it to work. In the top bar I have the phone, email and social icons in the left side and the language switcher in the right side.

My problem is that when you see the website from a mobile phone, the top bar only shows the info from the left side but there is no language switcher.

How can I have the language switcher at the top in the mobile version too?

Thank you for your help. I will give you access in the “Private content” section so you can check what I mean.

Kind regards,

Marta

Hi,

Try to add the following code snippet to the Custom CSS area for mobile devices in Theme Settings to show language switcher on mobile devices as well

div .topbar-wrapp .topbar-menu {
    display: block;
}

Regards

Hello Artem,

Now it shows the language switcher, but there is too many information in the top bar and everything is too cramped.

Is it possible to show only the language switcher and remove the information of the left side from the mobile version (the phone, email…)?

Thank you!

Hello,

The code has been added to the Theme settings > Custom CSS > mobile http://prntscr.com/kvwdpx

Best Regards

Hello Elise,

Perfect!

Thank you for your help!

You are welcome! If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts