Archived topic
Can't get image header to work
4 replies · Started by Yannick on March 19, 2023
Hey guys,
I'm making a website where the header image needs to be behind the menu. I made two elements. The first one is a merging header that merges the other element and the header. The other is a page header. They are displaying but the menu is still above the header image. I tried different positions like after header but nothing seems to work.
I know it must be a small fix but i can't get it to work.
How i want it to be: https://prnt.sc/x-dPX1jhh1SL
Also what do i need to do to get the header image to be full height for as far that's possible?
Hi Yannick,
1. To have a full-height page hero, you need to set the container of the page hero to height:100vh.
https://www.screencast.com/t/FzDEidmC6M
2. You have some hook elements that changes the structure of default GP HTML structure, can you disable all elements except the header element(merge) and the page hero to test?
Thanks so much, that was the problem indeed. :)
You are welcome :)
