Hi,
You can set your Header Element’s Inner container setting to Full Width so the slider uses the full page width.
As for the contents that are suppose to go on-top of the slider, you can wrap them in a div
and set its property to absolute.
Example:
[your slider shortcode here]
<div class="page-hero-content-wrapper">
<h1 class="page-hero-page-title">{{post.title}}</h1>
</div>
You can then set the CSS:
.page-hero-content-wrapper{
position: absolute;
top:0;
left:0;
margin-left: auto;
margin-right: auto;
}
.inside-page-hero{
position: relative;
}