Join the AMA (Ask Me Anything) with the Firefox leadership team to celebrate Firefox 20th anniversary and discuss Firefox’s future on Mozilla Connect. Mark your calendar on Thursday, November 14, 18:00 - 20:00 UTC!

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

Seçilmiş Həll

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.