Painting Service — Header
painting-header · In review
The original header, desktop submenu and mobile drawer. This is not a copy of the entire homepage. The source texture behind the transparent header is preview context only.
Source comparison is still open. The existing implementation has been compared at five widths; that does not certify pixel identity at every width or in every menu state.
- Source
- Kadence Painting Service / g58
- Source region
#masthead; #mobile-drawer- Content and assets
- Original demo copy and links are retained; they are not this library's business claims. Fonts are local. The authorized source images are unchanged and served by the source website, not bundled for offline use.
Isolated preview
Open original-size preview · Open source for comparison
Fixed sizes use actual CSS pixels, not a scaled thumbnail. Scroll horizontally when the selected width is wider than this window.
Astro module
---
import { PaintingHeader } from '@njrk/astro-sections/replicas/painting';
import '@njrk/astro-sections/replicas/painting/fonts.css';
---
<PaintingHeader
logoSrc="https://startertemplatecloud.com/g58/wp-content/uploads/sites/90/2022/06/painting-logo.png"
/>Do not import the Chinese industrial theme. Keep the page body's margin at zero. A transparent header needs its original page background underneath; this module alone does not reproduce the rest of the source page.