Where did you install Firefox from? Help Mozilla uncover 3rd party websites that offer problematic Firefox installation by taking part in our campaign. There will be swag, and you'll be featured in our blog if you manage to report at least 10 valid reports!

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

How to increase size of header bar so that I can view the theme more clearly?

more options

I can't clearly see and enjoy the themes I am downloading as the header area is very small. How can I increase my header area with least objects covering the background?

I can't clearly see and enjoy the themes I am downloading as the header area is very small. How can I increase my header area with least objects covering the background?

Chosen solution

You would have to enable all toolbars to have them visible. You can have an extra toolbar available with the Classic Theme Restorer extension.

To see more of the Persona you can set a min-height to the navigator-toolbox with code in the userChrome.css file or by using the Stylish extension.

Add code to the userChrome.css file below the default @namespace line.


@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */

#navigator-toolbox { min-height:200px !important; box-shadow:ThreeDShadow 0 -1px inset; }

The customization files userChrome.css (user interface) and userContent.css (websites) are located in the chrome folder in the Firefox profile folder.

Read this answer in context 👍 1

All Replies (2)

more options

Chosen Solution

You would have to enable all toolbars to have them visible. You can have an extra toolbar available with the Classic Theme Restorer extension.

To see more of the Persona you can set a min-height to the navigator-toolbox with code in the userChrome.css file or by using the Stylish extension.

Add code to the userChrome.css file below the default @namespace line.


@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */

#navigator-toolbox { min-height:200px !important; box-shadow:ThreeDShadow 0 -1px inset; }

The customization files userChrome.css (user interface) and userContent.css (websites) are located in the chrome folder in the Firefox profile folder.

more options

Thank you the stylish extension solution was easy to do.