How to completely remove tabs bar using userChrome.css
I have been seaching for the solution for the whole day, and i found the closest one. It Does remove tabs, windows buttoms, but the background bar still remains, and i dont need it this way. So thats the code i used to make it >>>>>
- main-window[tabsintitlebar="true"]:not([extradragspace="true"]) #TabsToolbar .titlebar-spacer {
border-inline-end: none;
}
- main-window:not([extradragspace="true"]) #TabsToolbar > .toolbar-items {
opacity: 0; pointer-events: none;
} /* This makes the bar shorter vertically but removes the 3 window buttons */
- main-window #TabsToolbar {
visibility: collapse !important;
} /* For full screen mode */
- TabsToolbar[inFullscreen]{
display: none !important;
}
On the screenshot you can see what remains on tabs' bar place I need my browser to end just above the URL string, so there wont be empty space in the top of the monitor. Can you help me find solution for this problem, please?
All Replies (3)
LIke this
You can use the title bar area for the title of the current page (Title bar option) or for the Menu bar. I don't know whether the title bar itself can be hidden or whether people normally slide the rest of the toolbars upward.
I agree with trying https://www.reddit.com/r/FirefoxCSS/ because a number of users with tabs in the sidebar probably hang out there.
What other code do you have in userChrome.css as it is possible that other code interferes (i.e. you can try with only this code) ?
You can also try a rule to hide the caption buttons.
#TabsToolbar .titlebar-buttonbox-container {
display:none !important;
}