1. Home
  2. Docs
  3. Enwoo Documentation
  4. General Settings
  5. Transparent Header

Transparent Header

It is possible to define a transparent header on a post or page. This option is functional in “one line” header defined in Customizer – Theme Options – Header – Header.

Create/Edit post or page, navigate to right sidebar to “Enwoo Options” and enable “Transparent Header“. Once it is enabled, you can define color of text in header (title/description, menu items and icons).

In the Page Builder set negative margin for first section – see animation below (Elementor example)

Enwoo Options:

Negative margin in Elementor:

If you need define transparent header in non-page builder post or page, you can do it via custom CSS. Navigate to Customizer – Additional CSS and put there (replace XXX with your page ID):

For pages:

.page-id-XXX #site-content {
    margin-top: -90px;
}

For posts:

.post-id-XXX #site-content {
    margin-top: -90px;
}

See it live in our demo

Was this article helpful to you? No Yes

How can we help?