custom header element cause overlapping

i tried using the conditional

[wpv-conditional if="( '[wpv-post-featured-image]' ne '' )"] but it doesnt work too.,

the old "page header" work fine.

Somehow i still prefer the old method without the elementents esp for headers,
is there anytime this will phase out ?

Hi there,

you can use Offset Site Header Height field in Site Header tab of the Header Element to move the content down. Try 82px should do the trick.

Thanks. I've left the table and the last setting was using the old page header so can't see the issue now. I'll update soon.

Btw any differences in the new element compare to the old page header .?

Elements is a considerable upgrade to the previous Page Headers (hooks and layouts) - big changes are:
Display Rules conditions built in, including granular control of terms, user roles etc.
Header Elements can have their own Element Classes for targeted CSS.
Padding options for desktop and mobile.
Choice of Featured or Custom Image background.
Greater control with Site header including nav colors and logo swaps (inc. retina).

https://docs.generatepress.com/article/elements-overview/

you can use Offset Site Header Height field in Site Header tab of the Header Element to move the content down. Try 82px should do the trick.

Yes aware of that , the big issue this value need to be updated for different scenarios, example page with toolset layout, custom sliders, normal detail page etc etc. Is there any fix for this ? some event the position from the style causing the issue ,

.custom-fixed-header {
      position: fixed;
      top: 0px;
      width: 100%;
      z-index: 2000;
}

.custom-fixed-header + * {
      padding-top: 0px !important;
}

update:
i've decided to use toolset layout to add the hero page header. will udpate if any conflict found. cheeers

Ok, glad you found a working solution that suits

Thanks,