So deaktivieren Sie Pop-up Google Übersetzung mit HTML CSS

Question

Ich benutze Google Widget zum Übersetzen auf meiner Website. Aber wenn ich auf "Übersetzen" klicke, wird oben in "Meine Seite anzeigen" angezeigt und "Meine Menü-Navigation" wird beim Scrollen deaktiviert.

Ich wurde mit einigen CSS, HTML und Javascript versucht, aber es kann nicht beheben , wie Google Übersetzung Pop-up von meinem Menü Navigation ausblenden, wenn es geklickt hat?

CSS:

#google_translate_element{width:300px;float:right;text-align:right;display:block} 
#goog-gt-tt {dispaly:none;visibility: hidden;} 

HTML und JavaScript:

<div class="google_translate_element" id="google_translate_element"></div><div 
id="goog-gt-tt" 
class="goog-tooltip skiptranslate" ></div><script type="text/javascript"> 
function googleTranslateElementInit() { 
    new google.translate.TranslateElement({pageLanguage: 'id', includedLanguages: 'af,ar,de,en,eo,es,et,fa,fr,id,it,ja,jv,ka,kn,la,mn,ms,ne,nl,pa,ru,so,sr,su,ta,th,tl,tr,uk,vi,zh-CN,zh-TW', layout: google.translate.TranslateElement.InlineLayout.SIMPLE, autoDisplay: false}, 'google_translate_element'); 
} 
</script><script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script> 

Vielen Dank für Antwort

Answer 1

Endlich finde ich es, indem Sie in Inspect Element. Machen Sie diese alle sein verstecken

#google_translate_element{width:300px;float:right;text-align:right;display:block} 
.goog-te-banner-frame.skiptranslate { display: none !important;} 
body { top: 0px !important; } 
#goog-gt-tt{display: none !important; top: 0px !important; } 
.goog-tooltip skiptranslate{display: none !important; top: 0px !important; } 
.activity-root { display: hide !important;} 
.status-message { display: hide !important;} 
.started-activity-container { display: hide !important;}