How can I move the main menu button in Userchrome.css?
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);
}
Modified by 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?