Floating language selection

  • Resolved fjaereide

    (@fjaereide)


    7 years, 10 months ago

    Hi guys,
    Ones again thank you for this nice plugin.
    The Floating language icon is covering some part in footer in mobile view.
    Is there a way to
    #1 move this floating in the middle and on the right edge of the web pages
    and or
    #2 hide this icon in mobile view

    thanks a lot for the support.
    🙂

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Georgian Cocora

    (@raster02)

    7 years, 10 months ago

    Hello @fjaereide,

    The floaters location can also be changed, but if you wish to hide the flags on mobile phones add this piece of CSS to your website:

    @media only screen and (max-width: 600px) {
    #trp-floater-ls .trp-with-flags .trp-flag-image {
        display: none;
    }
}

    This can be added by going to Customize -> Appearance -> Custom CSS.

    Let me know if this worked !

    Regards.

    Thread Starter fjaereide

    (@fjaereide)

    7 years, 10 months ago

    Thanks Georgian,
    That works for the flag but not for the language like EN or ES some are still shown in mobile.
    I prefer the option to move the whole floater to right site, center of page Have you CSS for that please?
    Thank you for your Support

    Plugin Author Georgian Cocora

    (@raster02)

    7 years, 10 months ago

    Hello @fjaereide,

    I thought you wanted to only hide the flags. You can change my previous code to this to hide the whole switcher when the user is browsing on mobile phones:

    @media only screen and (max-width: 600px) {
    #trp-floater-ls {
        display: none;
    }
}

    Regards.

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

The topic ‘Floating language selection’ is closed to new replies.