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
}
The body element will fall into the flow – with static. Then you can properly use the display of none.