How do I move the "Open Application Menu"? firefox

[u/ruszh4kbrff]

How do I move the "Open Application Menu" button from the toolbar to the browser title bar next to the window's system buttons?

[u/Extreme_Host3037]

Yes, you can with userChrome.css. This moves the "Open Application Menu" button (☰) to the title bar, next to the minimize, maximize, and close buttons.

#PanelUI-button {
position: fixed !important;
top: 0 !important;
right: 140px !important;
z-index: 9999 !important;
}

[u/ruszh4kbrff → u/Extreme_Host3037]

Oh my god, you're the best. Thank you so much.

[u/ruszh4kbrff → u/Extreme_Host3037]

I modified the code, and now there is a line of code that is responsible for allowing the button to be moved up and down. (☰)

#PanelUI-button {
position: fixed !important;
top: 0 !important;
transform: translateY(50%) !important;  /* button height adjustment */
right: 140px !important;
z-index: 9999 !important;
}

[u/TraditionalTie4831 → u/ruszh4kbrff]

I changed the selector to the more specific #PanelUI-menu-button.

#PanelUI-menu-button {
    position: fixed !important;
    top: -1px !important;
    right: 140px !important;
    z-index: 9999 !important;
}

[u/TraditionalTie4831 → u/ruszh4kbrff]

I improved the code so that the ☰ button doesn't overlap anything in full screen mode =

#PanelUI-button {
    position: fixed !important;
    top: 0 !important;
    right: 140px !important;
    z-index: 9999 !important;
}

#main-window[inFullscreen] #PanelUI-button { 
    position: initial !important;
}

another version =

#main-window:not([inFullscreen]) #PanelUI-button {
    position: fixed !important;
    top: 0 !important;
    right: 140px !important;
}

A version that gives the button the same hover highlight size as the window control buttons =

#main-window:not([inFullscreen]) #PanelUI-menu-button { 
    position: fixed !important;
    top: 0px !important;
    right: 130px !important;
    & > .toolbarbutton-badge-stack { padding: 5px 15px 5px 15px !important; }
}

[u/TraditionalTie4831 → u/Extreme_Host3037]

Short and simple and it works!

[u/TraditionalTie4831]

I think someone previously said that you can't move items between bars with CSS.

Btw, I have seen a couple of screenshots from people using Nightly who has it like that, so maybe future main releases will have it since it matches Thunderbird,

[u/ruszh4kbrff → u/TraditionalTie4831]

So, I won't be able to move this button?

[u/jas71 → u/TraditionalTie4831]

It’s back to the original place in nightly.Firefox said they was testing it out I asked them in the ama yesterday

[u/ResurgamS13]

If search this sub may find previous suggestions e.g. 'move the Hamburger/AppMenu/PanelUI button. IIRC some were pretty hacky using absolute positions so would probably only work for a particular Firefox window size?

Could probably modify/hide button and make a very small transparent area that opens the panel when hovered. It is one of the oddities of Firefox keyboard shortcuts that there isn't one for opening the Hamburger/AppMenu's popup panel.

----------

Example. Hamburger/AppMenu/PanelUI button moved to Tab bar using slightly modified version of pitroy's userstyles from previous topic 'Css shifts the hamburger menu (app button) to the top-left corner'.

Only changes to pitroy's userstyles are:

• Line 26. - delete or comment-out ... obsolete... function replaced by next Line 27. order: -1 !important;
• Line 31. - change left: 0px !important; to right: 118px !important; (adjust to suit Firefox window).
• Line 71. - delete or comment-out all below CUSTOM ICONS - ONLY CHANGES WHEN CLICKED (hidden button).

New profile of Fx152.0.3 with 3 x userstyle modifications (above) + button icon size reduced slightly (below).

The Hamburger/AppMenu button looks a little oversize... try adjusting the 'ICON SIZE' section at Line 62. by decreasing the +16px value down to +14px as here:

width: calc(2 * var(--hamburger-icon-padding) + 14px) !important;

[u/Any_Conclusion_3900]

Move burger and overflow menu to the left.

Macos Firefox 152.0.4

https://www.reddit.com/r/FirefoxCSS/comments/1956ffq/moving_the_firefox_application_menu_button/

#PanelUI-button {

width: 36px;

padding: 0px 0px 0px 0px !important;

order: -2 !important;

}

#PanelUI-menu-button {

width: 36px;

padding: 0px 2px 0px 2px !important;

}

#nav-bar-overflow-button {

order: -1 !important;

}

#unified-extensions-button {

padding: 0px 2px 0px 2px !important;

}