Hiding Google Translate bar
Ok, this works for some reason:
.goog-te-banner-frame.skiptranslate {
display: none !important;
}
body {
top: 0px !important;
}
Can I disable the google translate bar via userchrome?
As Mr Lister stated in the comments, it's gotta be in the userContent.css (in the same chrome folder, though).
Adding
body > .skiptranslate {
display: none;
}
there, as posted in Hiding Google Translate bar, hid the translate bar without any (immediately noticeable) issues.
How to disable google translator plug in and set margin-top: to 0px for body element?
Trybody{top:0 !important;}
in your css
Disable Chrome translation bar on my website
Insert this to the head
section of your web page.
<meta name="google" content="notranslate">
Source: Meta tag that Google understand - Search Console Help
Related Topics
Locally Installed Ttf Overrides Google Fonts
Why Doesn't Justify-Content: Stretch Work
React Bootstrap: Vertical Alignment of Row's Columns
How to Change the Style of a Ant-Design 'Select' Component
Preventing Browser Text Input Suggestions
Bootstrap Collapse Menu Disappears When Resizing Screen
Webkit-Transition for "Top" and "Bottom" Properties
How to Set a Value of 'Inherit' to a CSS Custom Property
Clip-Path Does Not Work with Chrome
Css: How to Vertically and Horizontally Align an Image
Bootstrap 4 CSS Causing Chrome's Print "Layout" to Disappear
Making a CSS Footer Either Sit at the Bottom of the Browser Window or Bottom of Content
Images Border-Radius Doesn't Work During CSS Transition
Sass: Change Color with @For Loop
How to Center Div with Col-Md-6
Why Is CSS Calc(100%-250Px) Not Working
Why Does Firefox Render Dashed Borders Misaligned from Each Other