Use Playwright’s full-page screenshot with a screenshot-only CSS override to hide the page’s sticky header or change its positioning. The override is site-specific: first identify the header’s actual selector, then inspect the image to confirm the change did not hide useful content or disrupt the layout.
Why sticky headers repeat in full-page screenshots
A full-page screenshot captures the page’s scrollable content beyond the visible viewport. It does not, by itself, remove sticky or fixed elements, so a header that stays pinned while the page scrolls may appear more than once in the resulting image. Playwright describes a full-page screenshot as an image of the whole scrollable page “as if you had a very tall screen and the page could fit it entirely” (Playwright Screenshots documentation).
For repeatable automated captures, Playwright offers a screenshot-time stylesheet. It can hide dynamic elements or change their properties for the capture, without requiring you to edit the site’s files (Playwright Page API). The CSS selector and the right treatment depend on the page.
Use Playwright to hide or reposition the header
1. Find a specific header selector
Inspect the page in browser developer tools and identify the element that stays pinned during scrolling. Choose a selector that targets that header, such as a class or ID confirmed on the actual page. Avoid assuming that every site uses the same selector: a broad rule like header may also hide meaningful page content.
Free tools Windows power users keep installed
One-click scans. No signup required.
| # | Preview | Product | Price | |
|---|---|---|---|---|
| 1 |
|
King&Charles Versatile Screen Roller Tool, 3pcs Different Roller+Hook+Trim | $12.99 | Buy on Amazon |
As an Amazon Associate I earn from qualifying purchases.
2. Add a screenshot-only CSS override
With Playwright JavaScript, pass fullPage: true and a style string to page.screenshot(). Replace the example selector with the one you verified:
await page.screenshot({
path: 'page.png',
fullPage: true,
style: 'header.site-header { display: none !important; }',
});This removes the selected header from the image. The CSS is an example of Playwright’s documented screenshot stylesheet feature, not a universal selector or guaranteed fix for every site. The stylesheet also pierces Shadow DOM and applies to inner frames, according to the Page API documentation.
#1 Best Overall
- --- 𝐏𝐀𝐓𝐄𝐍𝐓 𝐀𝐏𝐏𝐋𝐈𝐄𝐃 𝐅𝐎𝐑---
- 🏡【𝐊𝐢𝐧𝐠&𝐂𝐡𝐚𝐫𝐥𝐞𝐬 𝐑&𝐃 𝐈𝐧𝐭𝐞𝐧𝐭𝐢𝐨𝐧】Versatile Screen Tool - combines the core functions of multi-size roller, hidden hooks, and replaceable blades, and designed this multifunctional screen tool. It solves the problems of traditional screen installation tools with single functions, lack of safety and adaptability. It truly realizes multiple uses of one tool, making screen replacement time-saving, labor-saving, and worry-free. One-time purchase can meet your installation or replacement needs.
- 🏡【𝟑 𝐒𝐢𝐳𝐞𝐬 𝐈𝐧𝐭𝐞𝐫𝐜𝐡𝐚𝐧𝐠𝐞𝐚𝐛𝐥𝐞 𝐑𝐨𝐥𝐥𝐞𝐫𝐬】Flexible Adaptation - In view of the differences in thickness of different window splines, we gift the roller into three specifications: Convex 0.13", Concave 0.13", and Concave 0.18", ensuring perfect matching with the mainstream rubber strip sizes on the market. Feature①: The roller is made of high-hardness plastic, which is strong and durable while avoiding the risk of traditional metal rollers scratching the screen mesh. Feature②: Metal bearing design - smoother rotation, even pressure without deviation. TIPS: you can use the provided Allen wrench to quickly disassemble and replace them.
- 🏡【𝐁𝐥𝐚𝐝𝐞 𝐅𝐮𝐧𝐜𝐭𝐢𝐨𝐧-𝐑𝐞𝐭𝐫𝐚𝐜𝐭𝐚𝐛𝐥𝐞&𝐒𝐭𝐨𝐫𝐚𝐠𝐞&𝐑𝐞𝐩𝐥𝐚𝐜𝐞𝐚𝐛𝐥𝐞】①Retractable-When in use, just hold button, blade will slow rollout, convenient trimming and cutting. Blade can be retracted to prevent Accident scratches. ②Blade has double locking device: it automatically locks to prevent retraction during work and is completely closed to prevent accidental touch when retracted. Ansure your safety. ③Replaceable - A separate button is provided for changing the blades. ④Blade is made of steel-sharp, durable and won't rust. ⑤Storage-Handle has built-in blade storage design to place complimentary blade.Extra equipped 2xreplacement blades- increase service life of tool.
- 🏡【𝐇𝐢𝐝𝐞𝐚𝐛𝐥𝐞 𝐑𝐞𝐦𝐨𝐯𝐚𝐥 𝐇𝐨𝐨𝐤】The hooks are sharp and can hook out the aged spline. The removal hook can be stored and hidden in the handle slot box. OPEN the box cover, take out the hook and insert it into the groove for use. can RETRACT after use to prevent the hook tip from scratching clothes or tool boxes. Hook made of Stainless steel material won't rust.
3. Keep the header if its content matters
If the header contains information that belongs in the capture, try changing its positioning instead of hiding it. For example, a screenshot-only rule that changes a verified fixed or sticky element to normal document flow may prevent it from staying pinned as the page is captured. The exact properties depend on the site’s layout; a positioning change can alter spacing or overlap other content. Review the screenshot rather than assuming the override preserved the page correctly.
Quick wins for a faster PC:
Fix the driver behind crashes, sound loss and screen glitchesFind Drivers →Repair Windows errors before they cause bigger problemsFix Now →Scan for outdated or missing drivers - takes under a minuteDriver Scan →4. Inspect and refine the output
- Check that the header no longer repeats, or appears only once if you chose a positioning override.
- Confirm that the page’s top section still reads correctly and that the CSS did not hide other content.
- Wait for lazy-loaded images or dynamic content to finish before capturing if the page needs them.
- If the result is wrong, adjust the selector or CSS and capture again.
Manual alternatives and Puppeteer
| Workflow | Useful for | Documented header control | Trade-off |
|---|---|---|---|
| Playwright | Automated, repeatable captures | Screenshot-time stylesheet can hide elements or change properties | Requires a script and a selector confirmed for the page |
| Firefox Developer Tools | One-off manual captures | Full-page and selected-element screenshots are documented; automatic sticky-header suppression is not | No script required, but inspect the result for repeated headers |
| Puppeteer | Automated captures in its supported browser workflow | The reviewed screenshot options document full-page capture and clipping, but not screenshot-time stylesheet injection | Useful if you already use Puppeteer; the reviewed options do not establish Playwright-style CSS control |
Firefox Developer Tools
Firefox can capture a full page or a selected element. The Firefox documentation explains how to enable the full-page screenshot button in toolbox settings. Its Web Console :screenshot helper accepts --fullpage to capture the whole page and --selector to capture an element (Mozilla Firefox screenshot documentation). These are useful manual options, but the documentation does not describe an automatic option for removing sticky headers.
Puppeteer
Puppeteer’s screenshot options include fullPage, clipping, and output-format options (Puppeteer ScreenshotOptions). The reviewed reference does not document a screenshot-time stylesheet override for this repeated-header problem. If CSS changes are essential, Playwright’s documented screenshot style option is the direct fit among these documented approaches.
Or skip the browser setup
ScreenshotNeo can capture a URL through one GET request. Its clean-shot process accepts cookie or consent banners like a visitor and removes more than 60 known consent platforms, newsletter popups, and chat widgets before capture; each step can be turned off. Bot checks and CAPTCHAs, blank pages, timeouts, failed loads, and cache hits cost nothing, and response headers indicate the page verdict and billing status. Its MCP server provides take_screenshot, get_page_info, and capture_pdf tools for AI agents. The Free plan includes 1,000 shots per month with no card; paid plans start at $5 for 3,000 shots.
For a screenshot with a header that should not repeat, pass a CSS selector through the API’s custom CSS option. Confirm the selector and resulting layout for the target page; the same site-specific caveat applies as with a browser script. See the ScreenshotNeo documentation for request options and authentication.
Do these 3 things before closing this tab:
1Clear out junk files and repair common Windows errors2Scan for outdated or missing drivers - takes under a minute3Repair Windows errors before they cause bigger problemscurl -G "https://api.screenshotneo.com/v1/shot"
-d access_key=YOUR_API_KEY
--data-urlencode url=https://example.com
--data-urlencode 'css=header.site-header { display: none !important; }'
-o shot.webpScreenshotNeo is a website screenshot API and MCP server by Yorker Media. Sign up for 1,000 free screenshots a month with no card.
Quick Recap
Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on Amazon at the time of purchase will apply.
