• Resolved itservicefleck

    (@itservicefleck)


    I wanted to adjust the position of the floating selector on the bottom left to 36px from the bottom and used this code in the style section, but it does not work.

    .gtranslate_wrapper {bottom:36px;}

    Did I use the wrong div selector? Is the code wrong?

    Thanks for any help

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author edo888

    (@edo888)

    Hi,

    It should be something like this:

    #gtranslate_wrapper {bottom:36px !important;}

    Please feel free to contact our Live chat if you need help with it: https://gtranslate.io/#contact

    Thanks! ??

    Thread Starter itservicefleck

    (@itservicefleck)

    Thanks edo888,

    so I was using the right selector, only the !important was missing and I do not understand why I have to use the # in front of the line .. I used google, now I know.

    Thanks again for your great plugin and the support!

    Thread Starter itservicefleck

    (@itservicefleck)

    Hi and thanks again for your great support, but I have one more small question:

    How can I disable the translator on mobile devices, especially smartphones?

    Plugin Author edo888

    (@edo888)

    Hi,

    It will be harder to distinguish between smartphones and mobile devices and requires PHP coding. However there is a trick in CSS, where you can detect the screen resolution and hide the language selector based on that. It can be something like this:

    @media screen and (max-width:1000px) {
        #gtranslate_wrapper {display:none;}
    }

    Which tells that the language selector should be hidden for devices with resolution smaller than 1000 pixels wide.

    Thanks! ??

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Position floating selector’ is closed to new replies.