I want to hide the address bar leaving only the opened tabs bar visible, I’ve tried with 2 methods editing the userChrome.css, one works (but it generates a lot of top-spacing), while the second method removes the top-spacing, but it also stops the web pages from being loaded.
Here what I tried with screenshots:
-
With the first method I’ve added this to the userChrome.css
#nav-bar {
visibility: hidden !important;
}
And that is the one which generates the extra top-spacing:
-
With the second method I’ve added this instead
#nav-bar {
display: none !important;
}
This one lets me obtain exactly what I want but, as I said, it also stops web pages from being loaded (see screenshot):
How can I reach the same result of the second screenshot, but with web pages being actually loaded?