Geek Answers Handbook

Google translator top bar hide

I am using Google translator for my website. I want to hide the google translator top bar, let me know how can I hide this?

Please check the link to my website here http://www.rewords.com and tell me to hide this panel?

thank

+5
source share
6 answers

Done through CSS:

.goog-te-banner-frame.skiptranslate {display: none !important;} 
body { top: 0px !important; }
+17
source

Some changes in Jacob's answer. Try to write

<style type="text/css">iframe.goog-te-banner-frame{ display: none !important;}</style>
<style type="text/css">body {position: static !important; top:0px !important;}</style>

This will solve the problem.

+9
source

, javascript onload event

document.getElementsByTagName("frameset")[0].rows="0,*;
0

- . none.

  body {top: 0px !important; position: static !important; }
    .goog-te-banner-frame {display:none !important}
0

- , javascript , document.ready

if(document.getElementsByClassName('goog-te-banner-frame skiptranslate')[0] !== undefined) {
  document.getElementsByClassName('goog-te-banner-frame skiptranslate')[0].style.display  = 'none';
  document.body.style.top = '0px';
}

: Google iframe 'goog-te-banner-frame skiptranslate' 40px margin html body. , "0px".

. google https://cloud.google.com/translate/attribution

0

Using some code from KDawg, adding margin-top and absolute positioning, I found this CSS add-on as a solution for positioning only a hidden translational banner that does not appear until the language is selected.

This solution does not affect the positioning of the broadcast button or the language selector that remains on the fixed header.

} iframe.goog-te-banner-frame {
    position:absolute;
    margin-top:30px;
0
source

More articles:


All Articles