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

Wannan tattunawa ta zama daɗaɗɗiya. Yi sabuwar tambaya idan ka na bukatar taimako.

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

  • 2 amsoshi
  • 1 yana da wannan matsala
  • 1 view
  • Amsa ta ƙarshe daga 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); }
Hoton allon fuska da aka liƙa

An gyara daga chwt163

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 Mai mallakar tambaya
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?