userChrome.css fixes that worked for Firefox 75 and 76 don't work with Firefox 77. You need the latest version of the applicable CSS code for Firefox 77.0.1 .

IMO, the best source for that code is here:
https://www.reddit.com/r/FirefoxCSS/

Sorry, but the recent changes to the URL bar code aren't something I needed to change, so I can't lead you toward the code that you need. The biggest problem is that the prefs that were used with Firefox 75 were only temporary and and those prefs were removed with Firefox 77 and beyond.

I too, am thoroughly disgusted with so many changes to Firefox lately but with different "features" making feel this way, but Firefox is still the "lesser evil" to me.

Yep, it works. Don't forget the final step in about:config.

https://www.userchrome.org/megabar-styling-firefox-address-bar.html#mbarstyler

The following also stops the font from resizing:

#urlbar[breakout-extend] {

 	font-size:1em !important;
 }

(how the devs think doing this stuff to the address bar is useful is baffling - don't f^&% with the address bar. This is the equivalent of changing the size of the steering wheel on a car when you indicate. Just dumb. This is what happens to software when "design" thinking and marketing gets in the way of essential practicality)

I was hoping to not have to go through the whole process of .css B.S. because that's not really a realistic option for a majority of people.

It is ridiculous that they force theme/preference changes without the option to return back. The fact that the Mega/Quantum bar is suppose to make things easier (?) just makes it so I have extra steps to accessing the drop-down (open new tab or clear tab, press down or space when before I could just click on the arrow in the url). Now its just extra steps to get it back to the way it was before (having to go and download .css file, go through config again) and who knows if its going to be relevant on the next update.

People will either move to chrome or opera eventually if Firefox keeps pulling this stuff. Hopefully someone will find a fix that wont have to involve .css; hopefully some devs at Firefox see this is not a good thing and roll it back to normal.

Hopefully there is a better fix or its addressed in another update or else im just going to move to Opera.

Sorry that I forgot about the jscher2000 solution that L_SM provided a hyperlink to, but CSS is all that we currently have. And expecting it to be "fixed" by the Mozilla developers just ain't gonna happen by an "update" or in any other way, IMO.

Also, IMO that particular "change" that was gone thru and been tested with 5 versions of Firefox for like 20 weeks and should be considered "done", and unlikely to be changed any further.

The following also stops the font from resizing:

#urlbar[breakout-extend] {
  font-size:1em !important;
}

You might have this set to true in about:config:

browser.urlbar.update2.expandTextOnFocus

Not sure why some people have that; could be an experiment or a peek into our future.

Joe - thanks for reminding me about Opera! I tried them out a looooong time ago, and thought they did an okay job. I'd completely forgotten about them. Maybe that's the solution if this stupidity doesn't wrap up soon.

The fact that the Mega/Quantum bar is suppose to make things easier (?) just makes it so I have extra steps to accessing the drop-down (open new tab or clear tab, press down or space when before I could just click on the arrow in the url).

Actually, it's easier to get a list now because it opens automatically when the cursor enters the bar. This assumes you keep browser.urlbar.openViewOnFocus set to its default value of true.

If you don't want the 8 top sites list as your automatic list, you can disable the Top Sites section on your new tab page to get the classic history list. See: Customize your New Tab page to hide or display content for where that setting is on the Options/Preferences page.

That doesn't address the enlargement issue, of course.

userChrome.css fixes that worked for Firefox 75 and 76 don't work with Firefox 77. You need the latest version of the applicable CSS code for Firefox 77.0.1 . IMO, the best source for that code is here:
https://www.reddit.com/r/FirefoxCSS/ Sorry, but the recent changes to the URL bar code aren't something I needed to change, so I can't lead you toward the code that you need. The biggest problem is that the prefs that were used with Firefox 75 were only temporary and and those prefs were removed with Firefox 77 and beyond. I too, am thoroughly disgusted with so many changes to Firefox lately but with different "features" making feel this way, but Firefox is still the "lesser evil" to me.

While this method works, it is ridiculous to have mess about with CSS in a production release for your average user. They should not have added this feature with no simple way to control it. I spent way too much time working out how to remove this eyesore this morning after FF updated.

It is a nasty AF visual eyesore bug.

Joe said

The fact that the Mega/Quantum bar is suppose to make things easier (?) just makes it so I have extra steps to accessing the drop-down (open new tab or clear tab, press down or space when before I could just click on the arrow in the url).

Actually, it's easier to get a list now because it opens automatically when the cursor enters the bar. This assumes you keep browser.urlbar.openViewOnFocus set to its default value of true.

If you don't want the 8 top sites list as your automatic list, you can disable the Top Sites section on your new tab page to get the classic history list. See: Customize your New Tab page to hide or display content for where that setting is on the Options/Preferences page.

That doesn't address the enlargement issue, of course.

Its not easier. Why should I open a new tab to see the top eight sites. In fact, I dont care about the top eight sites on a new tab, I want the drop down arrow from the URL bar so I dont have to open a new tab to get to one of the 10 sites I need, then close the previous site. I want the drop down arrow so I dont have to delete the address in the bar and press down to see the sites I want. The megabar that was forced onto me eliminated something that was already streamlined and efficient. Now I have to go through extra steps to try and get the same thing I had before. To summarize; extra steps does not mean its more efficient and easier. Sorry to disagree with you on that but its a terrible adjustment and it seems like I am not the only one who thinks so and its going to move people to alternative browsers. Opera, for example has widgets on the side that allows for people to have their social media chats off to the side that can share things at anytime and they havent adjusted the url. All browsers (besides firefox) have the same browser for a reason, its standard and doesnt need to change.

Hi Joe, I'm not saying there shouldn't be a button for people who liked it. I am describing the default behavior and one change you can make to switch your list to get as close as possible to what the button did. I don't think there are extra steps to access the list if you do it this way.

Why should I open a new tab to see the top eight sites. In fact, I dont care about the top eight sites on a new tab, I want the drop down arrow from the URL bar so I dont have to open a new tab to get to one of the 10 sites I need, then close the previous site. I want the drop down arrow so I dont have to delete the address in the bar and press down to see the sites I want.

You don't need to open a new tab. Keep the default value of browser.urlbar.openViewOnFocus = true and the automatic list will drop down when the cursor enters the bar -- i.e., click anywhere in the bar, no need to aim for a button.

There is a one-time change: to switch the automatic list from the first 8 Top Sites to the classic history list, uncheck Top Sites on the Home panel of the Options/Preferences page. See: Customize your New Tab page to hide or display content.

What if you want the Top Sites section on new tabs AND the classic history list opening purely with a click in the address bar? There's no feature for that with the new design.

Hi Joe, I'm not saying there shouldn't be a button for people who liked it. I am describing the default behavior and one change you can make to switch your list to get as close as possible to what the button did. I don't think there are extra steps to access the list if you do it this way.

Joe said

Why should I open a new tab to see the top eight sites. In fact, I dont care about the top eight sites on a new tab, I want the drop down arrow from the URL bar so I dont have to open a new tab to get to one of the 10 sites I need, then close the previous site. I want the drop down arrow so I dont have to delete the address in the bar and press down to see the sites I want.

You don't need to open a new tab. Keep the default value of browser.urlbar.openViewOnFocus = true and the automatic list will drop down when the cursor enters the bar -- i.e., click anywhere in the bar, no need to aim for a button.

There is a one-time change: to switch the automatic list from the first 8 Top Sites to the classic history list, uncheck Top Sites on the Home panel of the Options/Preferences page. See: Customize your New Tab page to hide or display content.

What if you want the Top Sites section on new tabs AND the classic history list opening purely with a click in the address bar? There's no feature for that with the new design.

This is all I want, just a normal url bar and drop down arrow.

All this other stuff; the .css and other workarounds are just making me not want to deal with firefox anymore. How long will this last before a new update makes all these "fixes" obsolete? Just googling "firefox megabar" and it will provide forums and videos of ardent hatred for just that one piece of the browser.

Why is this not an option we can disable?

Absolutely sick and tired of developers making stupid GUI changes and expecting people to just suck it down with no way to revert to their preferred presentation. (Hello, Windows 10.)

The userchrome solutions here, apparently advocated by Mozilla reps, remind me of this Dilbert strip from 1994!

https://dilbert.com/strip/1994-02-01

The userchrome solutions here, apparently advocated by Mozilla reps,

To be 100% clear, modifications to the UI via userChrome.css are not officially supported. They are workarounds and tweaks developed by uses since the very earliest days of Mozilla browsers, including support forum volunteers and others in the broader Mozilla community including those on the FirefoxCSS subreddit and the author of the legacy extension Classic Theme Restorer. Of course, the same is true of most add-ons: created by Firefox users with support provided by their developers, not by Mozilla. You don't have to use any of these things if you find them too arcane.

P.S. Good username.

I've stopped using Firefox because of these hideous changes which I've not asked for. The userChrome.css solution is bad, any basic user should be allowed (not imposed) to choose this in a very simple manner (freedom, Firefox, remember?). I'm disappointed by Mozilla, being a 20+ years user of open source technologies (freedom there?), adept since the 0.x versions on Linux.

Firefox 63+ has support for "@media (prefers-reduced-motion)". You can possibly create a new Number pref named ui.prefersReducedMotion on the about:config page to enable or block some animations. In Firefox 78+ this includes the location bar breakout. In Firefox 80+ this replaces the tab loading indicator with an hourglass.

• set the value to 1 if you want to block animations
  ui.prefersReducedMotion = 1

You can open the about:config page via the location/address bar. You can click the button to "Accept the Risk and Continue".

• https://support.mozilla.org/en-US/kb/about-config-editor-firefox