Join the AMA (Ask Me Anything) with the Firefox leadership team to celebrate Firefox 20th anniversary and discuss Firefox’s future on Mozilla Connect. Mark your calendar on Thursday, November 14, 18:00 - 20:00 UTC!

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

How can I move the main menu button in Userchrome.css?

  • 2 பதிலளிப்புகள்
  • 1 இந்த பிரச்சனை உள்ளது
  • 1 view
  • Last reply by chwt163

Because I use Userchrome.css to make the address bar auto-hide, then I want to move these two buttons to the left of the tab bar (title bar).


Here is my Userchrome.css:

  • #nav-bar {
       display: flex !important;
       z-index: 2 !important;
       position: absolute !important;
       right:0% !important;
       flex-flow: row nowrap !important;
       transition: min-height 200ms ease-in-out, max-height 200ms ease-in-out, opacity 200ms ease-in-out, transform 200ms ease-in-out !important;

}

root:not([customizing]) > body > box:not(:focus-within, :hover, [popup-status], [urlbar-status]) #nav-bar {
       visibility: visible !important;
       opacity: 0 !important;
       transform: translateY(-35px);

}

Because I use Userchrome.css to make the address bar auto-hide, then I want to move these two buttons to the left of the tab bar (title bar). Here is my Userchrome.css: * #nav-bar { display: flex !important; z-index: 2 !important; position: absolute !important; right:0% !important; flex-flow: row nowrap !important; transition: min-height 200ms ease-in-out, max-height 200ms ease-in-out, opacity 200ms ease-in-out, transform 200ms ease-in-out !important; } :root:not([customizing]) > body > box:not(:focus-within, :hover, [popup-status], [urlbar-status]) #nav-bar { visibility: visible !important; opacity: 0 !important; transform: translateY(-35px); }
Attached screenshots

chwt163 மூலமாக திருத்தப்பட்டது

All Replies (2)

WARNING from the moderator team: userChrome.css scripts are not provided by Mozilla and are not officially supported. Firefox is a work in progress and, to allow for continuous innovation, Mozilla cannot guarantee future updates won’t impact your customizations. For this reason, Mozilla does not officially support style rules customization.

Please read Firefox Advanced Customization and Configuration Options to learn more.

Seburo said

WARNING from the moderator team: userChrome.css scripts are not provided by Mozilla and are not officially supported. Firefox is a work in progress and, to allow for continuous innovation, Mozilla cannot guarantee future updates won’t impact your customizations. For this reason, Mozilla does not officially support style rules customization. Please read Firefox Advanced Customization and Configuration Options to learn more.

I understand the caveats and risks of using Userchrome.css, thank you for your kind reminder! But I still want this feature, can you help me?