My elementor pro header works in all pages with astrapro invisible header. So the WP menus show on top of the elementor header. Except for when I use the elementor header in the blog/archives. This is done creating a header in elementor templates theme builder, and assigning the condition to only display in blog/archives and posts
element used in page(s), no issues
https://wordpress-1309498-4775473.cloudwaysapps.com/newsx/
same element used as a header for blog/archives – no logo nor menu
https://wordpress-1309498-4775473.cloudwaysapps.com/news/
Elementor wont allow me to add a neg Z-index value, so i check and the wordpress header an it already has a value of 99. (Viewing Inspector)
The blog page in WP astra setting has Transparent Header enabled, same for customizer.
Anyone been dealt with this? Astra support told me to disable the elementor header, duh thanks a lot. I guess I'll shoot Elementor this as well see what they think. Thanks!
I saw an old post about full-width elementor container – i made top container flexbox boxed 1200, and it still goes full width. Not sure what this problem is and if its related…
Have you tried to override it? Possibly:
body, html {
margin: 0;
padding: 0;
height: 100%;
font-family: Arial, sans-serif;
}
.header-overlay {
position: relative;
height: 200px; /* Change this value to shorten the header overlay */
background: rgba(0, 0, 0, 0.5);
color: white;
text-align: center;
padding: 50px 20px;
box-sizing: border-box;
}
.header-overlay h1 {
margin: 0;
font-size: 2.5rem;
}
.header-overlay p {
margin: 10px 0 0;
font-size: 1.2rem;
}
main {
padding: 20px;
}