Page header image before header

[Oriol Valentí]

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.

[Tom]

You can achieve this look with our Page Header add-on: https://generatepress.com/downloads/generate-page-header/

Might be worth checking out 🙂

[Oriol Valentí]

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.

[Tom]

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?

[Oriol Valentí]

An example of what I mean: example of fullscreen hero img

thank you Tom.

[Tom]

Interesting, currently this isn’t possible – but I’ll look into a solution as I think it’s a good idea 🙂

[Oriol Valentí]

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.

• This reply was modified 7 years, 10 months ago by Oriol Valentí.

[Tom]

I was playing around with something like that but couldn’t get it to work – any luck on your side?

[Author]

Posts