resizing the GTtranslate language switcher widget to neatly fit in mobile screen

  • Resolved ryanzhanggy

    (@ryanzhanggy)


    2 years, 8 months ago

    Hello, I need help with resizing the GTtranslate language switcher widget to neatly fit in mobile screens.He can be displayed in full on PC or iPad, how to modify it so that it can be displayed in full on mobile instead of half.

    Thanks in advance.

    Widget look: (beta) Popup

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

Viewing 1 replies (of 1 total)
  • Plugin Author edo888

    (@edo888)

    Hi,

    You can possibly use @media CSS width query to define different look for different screen widths.

    Popup look is still beta and not optimized for that:

    Something like this:

    @media only screen and (max-width:800px) {
    .gt_white_content .gt_languages {column-count:1;column-gap:10px;}
    .gt_white_content {width:300px;}
}

@media only screen and (min-width:801px) and (max-width:1200px) {
    .gt_white_content .gt_languages {column-count:2;column-gap:10px;}
    .gt_white_content {width:500px;}
}

...

    Numbers should be adjusted, it is to give you a hint.

    If you find a perfect fit, please post your CSS rules here.

    Thanks! ??

Viewing 1 replies (of 1 total)
  • The topic ‘resizing the GTtranslate language switcher widget to neatly fit in mobile screen’ is closed to new replies.