Language Switcher Short Code Mobile Versiont Not Working

  • Resolved Diamond Digtial Marketing (HK) Ltd

    (@diamonddmext)


    5 months, 3 weeks ago

    Hi TranslatePress,

    TranslatePress did a very good job and basically all of my websites are using it.

    Appreciate if you can fix the bug in below:

    1. The Language Switcher Short Code run properly, except that the “Enable Custom CSS” field , the outcome will only reflect in the Desktop version but not the Mobile Version, even though i have tried in both paid and free version.

    Thanks!

Viewing 1 replies (of 1 total)
  • Plugin Support Iarina

    (@iarinadasdi)

    5 months, 3 weeks ago

    Hi @diamonddmext,

    Thank you for reaching out and for your kind words — I’m glad to hear that TranslatePress has been working well on your websites.

    Regarding the issue with the “Enable Custom CSS” field affecting only the desktop version:
    TranslatePress outputs the custom CSS exactly as it is entered, without modifying or limiting it by device. This means that if different styles are needed on mobile, they must be set explicitly using media queries. For example:

    @media (max-width: 768px) {
        .trp-language-switcher {
            ...
        }
    }

    This ensures the CSS targets mobile devices correctly.

    If you have already tried this and the styles still don’t apply, please send me:

    • The exact custom CSS you’re currently using
    • A link to the page where the language switcher appears
    • And a brief explanation of what visual result you are trying to achieve

    Let me know about this.

Viewing 1 replies (of 1 total)

You must be logged in to reply to this topic.