DEV Community

Kevin Cox
Kevin Cox

Posted on • Originally published at kevincox.ca on

Remove Firefox Minimum Width

userChrome.css

These changes will use the userChrome.css file to add custom styles to the browser. While this voids your warranty it is very easy to revert (just delete the file) so it doesn’t hurt to try it out.

First go to about:config and set toolkit.legacyUserProfileCustomizations.stylesheets to true. Then create a file called chrome/userChrome.css in your profile folder. You can find you profile folder by going to about:profiles. If you need more detailed instructions userchrome.org has an in-depth guide.

Change Minimum Width

Then you can simply update the CSS to override the default.

/* userChrome.css */
:root {
    min-width: 1rem !important;
}

I chose to keep it at 1rem so that I can’t accidentally make a 1 pixel wide window that may be hard to widen again. But if you want to truly remove the minimum be my guest.

/* userChrome.css */

:root {

min-width: unset !important;

}

AWS GenAI LIVE image

How is generative AI increasing efficiency?

Join AWS GenAI LIVE! to find out how gen AI is reshaping productivity, streamlining processes, and driving innovation.

Learn more

Top comments (0)

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay