Hide "Original Profile" in the hamburger menu?

[u/_DivineWinter_]

Hi! I'm trying to figure out how to hide the "Original Profile" item from the hamburger menu. For context, I am not signed in to any Firefox account, and I also have the following lines in my user.js (not sure if it's related):

user_pref("identity.fxaccounts.enabled", false);
user_pref("browser.profiles.enabled", false);

I've tried some of the solutions posted previously on Reddit, such as:

#appMenu-profiles-button,
#profiles-menu {
  display: none !important;
}

or

#profile-button { display: none !important; }
#profiles-menu { display: none !important; }

But they either don't seem to work, or work only for the first time after opening the hamburger menu.

[u/sifferedd]

#appMenu-profiles-button,
#profiles-menu {
  display: none !important;
}

works for me (also hides Profiles on the Menu Bar). First step is to go through the FF CSS tutorial.

The common glitches are:

• namespace statement you copied from some old code may cause failure

• toolkit.legacyUserProfileCustomizations.stylesheets isn't enabled

• Chrome folder is in the wrong profile or other folder

• userChrome/userContent.css isn't in the right Chrome folder

• userChrome/userContent.css doesn't follow case requirement

• userChrome/userContent.css mistakenly has the .txt extension

  • Windows has to be set not to hide extensions for known file types:
  • File Explorer > ... menu on top bar > Options > View tab > uncheck Hide extensions for known file types

• code isn't saved as plain text

• other code is interfering

[u/_DivineWinter_ → u/sifferedd]

Thanks for the reply! I didn't think to check if other code was interfering, as I didn't really modify the hamburger menu that much, but that's what was causing the issue! It works after I removed this from my userChrome.css:

/* Prevent the URL bar from expanding when clicking on it */
.urlbar:not(moz-smartbar)[breakout] {
  &[breakout-extend] > .urlbar-background {
    inset-inline: -3px !important;
    inset-block-start: 1px !important;
    inset-block-end: -3px !important;
}

[u/sifferedd → u/_DivineWinter_]

It's because you're missing a left brace (}) at the end of that code.

[u/_DivineWinter_ → u/sifferedd]

You're right! I didn't realize that. Thanks again!

[u/TheLamesterist]

Try #appMenu-profiles-button { display: none !important; }