Margin Language floater

  • Resolved thalakus

    (@thalakus)


    2 months, 2 weeks ago

    Hi,

    I updated to the new custom floater and I like it! but I got a question – how can I adjust the padding/margin(?) to the right on mobile.

    in the past I used custom css in the customizer:

    /Translator/ trp-floater-ls {

    left: 80% !important;
    }

    but this doesnt work anymore.

    Do you have a tip how to put the floater on mobile completely to the right so that it doesnt hide my content in the mid?

    Thanks in advance!!

    • This topic was modified 2 months, 2 weeks ago by thalakus.
    • This topic was modified 2 months, 2 weeks ago by thalakus.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Support Anca

    (@ancavictoria)

    2 months, 2 weeks ago

    Hello @thalakus

    Thank you for reaching out and for your feedback – we are glad to hear that you like the new design of the language switcher!

    Please add the following CSS to check if it adjusts the position of the floating language switcher as desired on your website to the right on mobile, by navigating to TranslatePress → Language Switcher → Floating → Customize Design → Enable Custom CSS, making sure to save your changes:

    @media screen and (max-width: 500px) {
      .trp-language-switcher,
      .trp-language-switcher .trp-floating-switcher {
        margin-right: -10%;
      }
    }

    You can also modify the Padding from the same Language Switcher tab under Customize Layout → Mobile → Switcher Padding → Custom.

    Let me know how this goes and if you have any further questions!

    Have a great day!

    Kind regards,

    Anca

    Thread Starter thalakus

    (@thalakus)

    2 months, 2 weeks ago

    @ancavictoria thanks!

    do I need the CSS or can I also adjust it just by the padding?

    Plugin Support Anca

    (@ancavictoria)

    2 months, 2 weeks ago

    Hello @thalakus

    You’re very welcome!

    I can confirm that the CSS provided will need to be added in order to adjust the position of the language switcher on mobile.
    The Padding option will need to be adjusted separately from this CSS if you would also like to modify the padding.

    Let me know if you have any further questions.

    Kind regards,

    Anca

    Thread Starter thalakus

    (@thalakus)

    2 months, 2 weeks ago

    thank you!

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

You must be logged in to reply to this topic.