New
#11
@Compumind I updated today to Firefox 83, and found the fix (to get rid of the annoying Mega bar) you posted in this thread not working anymore. But fortunately, I found a new one.
The code below gets rid of the Mega bar, just copy and paste it to your existing userChrome.css or create one.
}
#urlbar[breakout][breakout-extend] {
top: 5px !important;
left: 0px !important;
width: 100% !important;
padding: 0px !important;
}
/* Prevent shift of URL bar contents */
#urlbar[breakout][breakout-extend] > #urlbar-input-container {
height: var(--urlbar-height) !important;
padding: 0 !important;
}
HTH, you or someone else.
Bo
Hi Bo and others -
I have been trying to find a true fix for the Megabar (address bar) as soon as Firefox 83 was released.
So I am somewhat familiar with userChrome and tried the above CSS code.
userChrome.css for Customizing Firefox
Therefore, I checked their website to ensure that everything was implemented correctly (backup your entire Firefox user profile, first, before modifying anything!) and it was correct.
Then I injected your code again into the blank .txt file but it did not work.
May I ask where you found that code and the exact formatting of it?
I'm starting to like Edge more!
Many thanks!
P.S. Tried this, too - no luck. Rather not reinstall Firefox...
https://www.askvg.com/tip-the-best-w...zilla-firefox/
Last edited by Compumind; 08 Dec 2020 at 15:55.
Hi Compumind. I got the code from the link below. What I posted here at tenforums is what I am using from that code to eliminate the megabar and is only the code that's needed to get rid of the Megabar. I deleted from the code in the link what has nothing to do with getting rid of the Megabar.
FirefoxCSS/userchrome.css at master . VernonStow/FirefoxCSS . GitHub
This is what the code looks in my userChrome.css file after the changes I made (2 chunks at the end):
Very important: Since the update to Firefox 69, to unlock/make userChrome.css work you need to toggle the preference below in about:config to true. If you haven't done this, css will not work. Perhaps this is why the code is not working for you.
toolkit.legacyUserProfileCustomizations.stylesheets}
This is also important. After you write the code in the txt file, you have to save it as css and name it userChrome. If the file gets saved as txt, it will not work. Look at my css file below. That was a txt file when I created it but I saved it as css.
Or, to make it easier, I uploaded a userChrome.css file that you can use, with only the code to eliminate the Megabar. Make sure to put this file inside a folder named chrome. And place it inside your Firefox profile folder in AppData>Roaming. Look at the path in the picture immediately above.
TinyUpload.com - best file hosting solution, with no limits, totaly free
Bo
Last edited by bo elam; 10 Dec 2020 at 14:27.
Hey Bo, this may be something unique to my about:config settings, but using only this downloaded userChrome.css code I'm seeing the URL window jump 2 pixels when given focus.
And in case others are seeing this as well, this all I have in my userChrome.css file that I've been using to fix the Megabar issue without this jump;
Code:/* Current v.83 Fix */ /* Prevent shift of URL bar contents */ #urlbar[breakout][breakout-extend] > #urlbar-input-container { height: var(--urlbar-height) !important; padding: 0 !important; } /* DISABLE EXPANDING START */ #urlbar[breakout][breakout-extend] { top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important; left: 0 !important; width: 100% !important; }
Hi Farvatten, I am not seeing the jump or shift. I being using this code since the update to 83 and tested what I posted before posting it and did that again after reading your post. It works just fine for me. As you said, it could be something related to another customization or setting you have in place.
Here is my Firefox UI.
Bo