Switcher Button Style Shifts on Mobile!!

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support Alex

    (@alexcozmoslabs)

    1 year, 11 months ago

    I will close then that thread and continue the conversation on this one:

    You can force the shortcode to be aligned differently for mobile version and specific language only using @media rule to set the screen dimension and .transltepress class for language code you want to alter. THe following example refferes to changing the shortcode language swithcer position for max scree of 500px and only for Spanish language:

    @media screen and (max-width: 500px) {
    body.translatepress-es_ES .trp-language-switcher, .trp-ls-shortcode-current-language > div {
    left: 40% !important;
    }
    }

    Thread Starter MisterH

    (@hmarksthespot)

    1 year, 9 months ago

    Hello Alex,

    Thank you but this is also not doing it. Excuse the delay in responding as work had come up but now I am ready to diagnose these cosmetic matters again. 🙂

    I changed the es_ES to de_DE for German… But not working. Is it possible to have some one from your team check a stage site? It keeps moving a shadowing over on smaller screens.

    @media screen and (max-width: 500px) {
    body.translatepress-de_DE .trp-language-switcher, .trp-ls-shortcode-current-language > div {
    left: 40% !important;
    }
    }

    Thread Starter MisterH

    (@hmarksthespot)

    1 year, 9 months ago

    Trying to see if I can get some help 🙂

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Switcher Button Style Shifts on Mobile!!’ is closed to new replies.