This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Avatar for Username

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

Wo archive tread sia. Meɖekuku bia biabia yeye ne ehia kpeɖeŋu.

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

  • 2 ŋuɖoɖowo
  • 1 masɔmasɔ sia le esi
  • 1 view
  • Nuɖoɖo mlɔetɔ chwt163

chwt163
chwt163
more options

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); }
Screen ƒe photowo kpe ɖe eŋu

chwt163 trɔe

All Replies (2)

Paul
Paul
  • Top 25 Contributor
  • Moderator
more options

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.

chwt163
chwt163 Biabia la
more options

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?