Transparent Header in Customify lets the header overlay a page cover or hero area in the free theme.
Use it with the Header Builder when the top of a page should show behind selected header rows.
Where to find it
- Go to Appearance → Customize → Header → Transparent Header. The Transparent Header settings open.
- Enable transparent behavior for the row you want to overlay, such as Header Main.
- Choose display rules, transparent row styling, or a transparent logo if needed.
- Click Publish. Matching pages use the transparent header.
How Transparent Header works
Transparent Header became a free Customify theme feature in version 0.4.15.
The feature does not create a separate header. It makes selected Header Rows Settings rows transparent while keeping the same row layout, height, and items.
| Setting | What it changes |
| Transparent Header Top | Makes Header Top transparent when Transparent Header is active. |
| Transparent Header Main | Makes Header Main transparent when Transparent Header is active. |
| Transparent Header Bottom | Makes Header Bottom transparent when Transparent Header is active. |
| Styling | Controls transparent styling for each enabled row. |
| Display | Opens disable rules for index, categories, search, archive, single page, single post, singular, and 404 page views. WooCommerce product, product category, and product tag disable rules appear when WooCommerce is active. |
| Transparent Logo | Sets the logo image used on transparent header rows. |
| Transparent Logo Retina | Sets the retina logo image used on transparent header rows. |
| Transparent Logo Max Width | Sets the responsive max width for the transparent logo. |
Rows
Enable transparent behavior only on the rows that should overlay the page content. For example, you can make Header Main transparent while leaving Header Top and Header Bottom opaque.
If every row toggle is off, the page-level force option cannot make the header transparent. At least one row must be enabled globally first.
Logo
Use a transparent logo when the normal logo does not have enough contrast over the page cover. Manage the standard logo from Logo.
Page rules and overrides
Global display rules let you disable Transparent Header on page types such as archives, search results, single posts, single pages, or WooCommerce views.
For one page or post, open Customify Page Settings in the block editor. If your build shows a transparent header override, use it to keep inherited global behavior or override the header for that content item.
When to use it
Transparent Header works best on pages with a cover, hero image, or title area. If the page needs a titlebar or cover first, configure Page Header or follow How to show Page/Post Header Cover Image.
Keep Customify Pro active for other Pro modules, but configure transparent header behavior from the free theme settings described here.