Google Translate Widget mobile Überlauf

Question

Ich habe ein bisschen ein Problem mit Google Translate Plugin auf meiner Website. Im Desktop-Modus scheint es gut zu sein, aber wenn ich zu Mobile gehe, übersteigt die Breite des Dropdown-Menüs die Browser-Breite.

Gibt es trotzdem eine Vorbeugung?

freundlichen Grüßen

Answer 1

Wie Sie CSS-Elemente nicht hinzufügen können, die Sie hinzufügen müssen es nicht existieren, nachdem Sie auf der Dropdown übersetzen CTA klicken. Diese Jquery funktioniert für mich.

$('body').click('#google_translate_element', function() { 
    if (($goog = $('.goog-te-menu-frame').contents().find('body')).length) { 
     var stylesHtml = '<link rel="stylesheet" href="/css/google-translate.css">'; 
     $goog.prepend(stylesHtml); 
    } 
}); 

Mit diesem css.

.goog-te-menu2 { 
    width: 300px!important; 
    height: 300px!important; 
    overflow: auto!important; 
} 
.goog-te-menu2 table, 
.goog-te-menu2 table tbody, 
.goog-te-menu2 table tbody tr { 
    width: 100%!important; 
    height: 100%!important; 
} 
.goog-te-menu2 table tbody tr td { 
    width: 100%!important; 
    display: block!important; 
} 
.goog-te-menu2 table tbody tr td .goog-te-menu2-colpad { 
    visibility: none!important; 
}