Hide Google Translator TopBar with CSS

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.

top: 0px !important; 
position: static !important; 

display:none !important

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.