Trying to take a screenshot (or just look at a website) — but an obnoxious overlay, menu, pop-up or interstitial keeps getting in the way? Find out here how to remove any element from any website in Firefox for cleaner screenshots and a clutter-free experience.
First, Watch the Table Turn
I just finger-tipped a hot, hot cup from the farthest corner of my microwave — with its handle turned to the back, of course.
The inconvenience was not had in vain, though: there is rhythm to the table’s revolutions, regularity and reason.
For I now know my oven turns with 5 rpm or 1 full revolution every 12 seconds. If it runs a minute, what I put in front will end up in front, for 4 ½ minutes, that front and center item will end up in the back — and turned 180°, of course.
So, the text time you use your microwave, count the revolutions its turntable completes in a minute, or just time one full turn with a stopwatch.
It makes removing items from the microwave so much easier and convenient, and it lets you marvel at cosmic, mathematical and practical ingenuity every time!
Now, want to remove items from pages on the web (to take a screenshot cleanly, for instance)? Let’s see if turning to the developer tools in Firefox can help make that convenient and easy:
How to Remove Any Element from a Website in Firefox (for Screenshots etc.)
Time needed: 3 minutes
To remove a part of a website (such as a menu or overlay) temporarily in Firefox (e.g., to take a screenshot):
- Click on the web page element you want to remove with the right mouse button.
- Select Inspect from the context menu that has appeared.
No “Inspect”: If you do not see Inspect in the context menu, Firefox developer tools may be disabled; see below for enabling them.
- Highlight the node that encompasses the element you want to delete in Inspector.
Here’s where: Start with the node that has been selected; if that does not cover everything, try the node one level up.
Here’s how: Firefox will highlight the node from the source code Inspector in the web site display; use that to find the node to remove.
- Click on the node with the right mouse button.
- Select Delete node from the context menu.
No undo: Note that you cannot easily add the node back; see below for an alternative that hides elements instead of removing them.
- Close developer tools.
Back to in all: To go back to the original display, reload the page.
Hide an Element on a Website
As an alternative, you can edit the HTML source code for the node and make it invisible if this is possible with reasonable effort.
To make an element invisible in Firefox:
- Open the element in Inspector (see above).
- Click on the node with the right mouse button.
- Select Edit As HTML from the menu.
- Add
style="display:none;"to the element’s opening tag as inline CSS.
Example: To hide a headline, make<h1>read<h1 style="display:none;">. - Click outside the HTML editor.
How to Remove Any Element from a Website in Firefox (for Screenshots etc.): FAQ
I cannot open Firefox developer tools; how can I enable them?
Most likely, developer tools have been disabled using a Firefox policy.
To enable access to developer tools:
- Set DisableDeveloperTools to false or disabled depending in the policy governing your Firefox installation.
(Tested with Firefox 127–146; first published June 2024, last updated December 2025)