Hide Google Translator TopBar with CSS

Coding

Filed Under: Code Snippets


If you are using Google Translator to translate your website, it adds a Top Bar on top when it translates content. I am sure you’ve already tried to hide Google Translator TopBar via conventional CSS but that didn’t work. That’s why you’re here 🙂

To remove the Google Translator TopBar, you can use the following CSS code.

body{
top: 0px !important; 
position: static !important; 
}

.goog-te-banner-frame{
display:none !important
}
Advertisement

The body element will fall into the flow – with static. Then you can properly use the display of none.

Comment below if this CSS code help you to remove Google Translator TopBar.

Also Read:




Leave a Reply

Your email address will not be published. Required fields are marked *