Transparent header

Hi,
Can you give me the site URL to see the problem?

Thanks!

Not live yet – local.
But I checked everything and enabled all that’s necessary – I don’t understand what’s the problem.

I also checked with a cover image and set height vh to 100.

Is there a working example demo I can see with a fully transparent header (using Gutenberg)?

• This reply was modified 3 years, 7 months ago by ilan76.

I even set the transparent header on the specific page setting.
It appears that only the Normal header is visible with it’s set background…

Can you give me some screenshots or a video to understand your setup?
So I can reproduce it here.

Thanks!

Sure, here is what I see when set transparent header on:
https://ibb.co/wwrSy06

Just added a black cover block (or any other block), container – full width / stretched.

This is what I see when transparent header disabled:
https://ibb.co/Fq6sgRX

Note: Using Gutenberg only

Can you try to add the custom CSS below to Customizer -> Additional CSS?

.has-header-transparent div#content {
    margin-top: 0;
}

Yes, that fixes it.
Should be fixed in default theme.

Any chance to add option for sticky header as-well?

I think you can enable the stick header in Customizer -> Layout -> Sticky header

There is no Sticky header option.

There is a problem with the CSS solution: all buttons/links in header are not reachable (can’t be clicked).

To fix the button/links in the header, you can try to CSS below

.has-header-transparent .site-header {
    z-index: 99999;
}

Here is the sticky option https://share.getcloudapp.com/Jru4WmbJ

It’s working but it’s not really the optimized solution as it breaks some other pages like user dashboard (if set on pages)… seems it’s not optimized for this option.

I don’t see any sticky header menu option:
https://ibb.co/YcW3BCQ

I only installed the theme as is.

We fixed the transparent header here and it’ll be added in the next version.

As for the sticky header, I am sorry, I forgot that it’s only available on the Pro version.

ok thanks.
When it’s released?