Archived topic
Page header image before header
7 replies · Started by Oriol Valentí on May 26, 2016
Hi,
I'm trying to create a landing page with a fullscreen background image at the start just before the navigation. See the pick: http://bit.ly/1WWEJa5
Is there a way to do it?
Does it worth? or it will cost lot of time?
Thank you comunity,
I really feel like home using this template.
You can achieve this look with our Page Header add-on: https://generatepress.com/downloads/generate-page-header/
Might be worth checking out :)
Thank you Tom,
The fact is, I already have it. I have bought the gp-premium a year ago and it worth what it cost, you made a good job.
In the attached picture, the setting is (background image + Merge with site header + transparent bg)
The problem is the order of the elements. Header still appear before page header image.
I don't know if I have explained it well, also sorry for my basic english.
So you're wanting the page header content to appear above your global logo/header? I'm not sure if that's possible with the current set up. Any examples of this being done elsewhere?
An example of what I mean: example of fullscreen hero img
thank you Tom.
Interesting, currently this isn't possible - but I'll look into a solution as I think it's a good idea :)
Thank you tom, meanwhile I will try to do this:
.generate-combined-header {
position: absolute;
width: 100%;
z-index: 99;
bottom: 0; "add bottom 0"
}
then maybe add scroll detection and change style after scrolling. (I think it's possible but for sure not the best solution).
Thank you Tom.
I was playing around with something like that but couldn't get it to work - any luck on your side?