HTML CSSを使用してGoogle翻訳をポップアップする方法

Question

私は私のウェブサイトでGoogle Widgetを使って翻訳しています。しかし、私がクリックすると、トップページにポップアップが表示され、スクロールするとメニューナビゲーションが表示されます。

私はいくつかのcss、html、javascriptで試してみましたが、修正できません。 クリックしたときにメニューのナビゲーションからポップアップする方法を教えてください。

CSS：

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

HTMLと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> 

最後に、私はエレメントを点検中に見ることによってそれを見つけるの答え

Answer 1

いただきありがとうございます。これらのすべてを隠すようにしてください。

#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;}