Translatepress - switcher tabs mobile & desktop

Thanks alot,David.

On mobile - they are not clickable "language switch/drop down"
on desktop- some kind of padding issue as drop merges with letter.

Could you please help us on this?

Thanks
Kumar

The switcher is working on my iPhone 7 - it doesn't work correctly in browser dev tools though which will be related to how the plugin detects hover.

Try this CSS to fix the width issue:

.trp-language-switcher .trp-ls-shortcode-current-language,
.trp-language-switcher .trp-ls-shortcode-language {
    width: unset !important;
}

Thanks yes, this works perfectly. Appreciate your time on this.

One last issue -
on mobile - can we please have the search next to hamburger rather than next to the logo.
image - https://snipboard.io/C92T5Q.jpg

on desktop, Leo provided this:
.main-navigation .menu-bar-items {
flex-direction: row-reverse;
}

Please try clicking the language on mobile (live site)- it jumps from left to right. Does the last css need a tweak?
https://www.parenthood.guide/

many thanks
Kumar

Hmm the plugin is adding something weird.

Try this CSS:

.trp-ls-shortcode-language {
    display: none !important;
}

If not then you will need to check with the plugin support on this one.

Thanks Leo. I have added it along with other CSS and it seems to work well. Appreciate your help on this.

No problem :)