[Resolved] Translatepress – switcher tabs mobile & desktop

[Kumar]

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

[David]

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;
}

[Kumar]

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

[Leo]

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.

[Kumar]

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

[Leo]

No problem 🙂

[Author]

Posts