Position floating selector

  • Resolved itservicefleck

    (@itservicefleck)


    7 years, 2 months ago

    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)

    7 years, 2 months ago

    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)

    7 years, 2 months ago

    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)

    7 years, 1 month ago

    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)

    7 years, 1 month ago

    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.

Tags