Show Menubar using userchrome.css
Using the userChrome.css file, I am trying to accomplish two things: 1) Hide the appmenu button; 2) Show the Menu bar. I am able to turn off the appmenu button, but I can't get the Menu bar to display.
Here is the code I am using: @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to XUL */
- appmenu-button {display: none !important; }
- toolbar-menubar {display: list !important; }
Please help. Thank you. Eddy
Chosen solution
Thanks cor-el. I will keep your solution in mind. I was able to figure out my problem - instead of using 'display: list', I used 'display: inline' (for the toolbar-menubar).
Read this answer in context 👍 0All Replies (2)
Why don't you make the Menu bar visible via View > Toolbars?
Note that toolbars require display: -moz-box !important;
Firefox 27 uses this code, see line 276 in this file (open via the location bar):
chrome://global/content/xul.css
toolbar[type="menubar"][autohide="true"][inactive="true"]:not([customizing="true"]) { min-height: 0 !important; height: 0 !important; -moz-appearance: none !important; border-style: none !important; }
So you need at least set the height
Chosen Solution
Thanks cor-el. I will keep your solution in mind. I was able to figure out my problem - instead of using 'display: list', I used 'display: inline' (for the toolbar-menubar).