[Resolved] Background image Page Header over content

[Felipe]

How can I make a background image of the Page Header, stay on top of the content? The “Place content behind header” option is already active, however it works only for the logo and menu. The background image is under the content.

This image shows what I’m trying to do:
[img]https://i.imgur.com/Gpm1xHL.png[/img]

[Leo]

Hi there,

Can you link me to the page?

Thanks!

[Felipe]

This is a test site. If possible, I would like the address of the same not to be public.

If I add Top & bottom padding, everything is shifted down, but the content of the page is not under the header.

I’m using version 2.0 beta 3.
I did not test this in the official public version.

[Tom]

Try this.

1. Give your page header 25px of top/bottom padding.

2. Add this CSS:

#page-header-104 {
    position: relative;
    z-index: 2;
}

#page-header-104 + #page {
    margin-top: -50px;
    z-index: 1;
}

[Felipe]

Worked perfectly!
Thank you.

[Tom]

You’re welcome 🙂

[Author]

Posts