How to overlay/insert widget on my page header?

Hi there,

are you using the GP Page Headers?
If so then, what is the widget element you wish to add? Is it just an Image / HTML / text?
And is there any other content in the page header? eg. the title

Yes, I'm using GP Page Headers but only for single posts. I would like to add a clickable image. There is no other content in the page header except for the full-width header image.

Hi Mariel,

have you thought of adding an image wrapped in a link to the page header content area?

Let me know

Hi David, I think there's a bit of a confusion. I'm already using GP's Page Header for the featured photos of my posts. It's not really what I want to change.

What I'm trying to do is add an image on top of my site identity's full-width page header (or logo) -- not GP Page Header.

Please see this illustration I made: https://imgur.com/bFza2UW

Hope that's clear. Thanks!

Few options
1. Simplest method would be to set the Logo Image you already have as a Background image to to the Header and then add your other image as the logo. The header can then be aligned right.
2. As above but add the second image as a Header Widget instead of the site logo.
3. As it is now, add the Header Widget and i can help align it with some CSS.

Thanks, David. Would like to use option 3 (CSS)

Can you add the widget in place and then i can have a look and work out the code . Let me know

Hello, already added the widget. Hope you can fix as the site is live. Thanks.

Hi, the widget is empty? We need the image in there to help position it.

Try this CSS:

.inside-header {
    position: relative;
}
.header-widget {
    position: absolute;
    top: 20%;
    right: 5%;
    width: 20vw;
}

You may need to tweak the top, right and width properties.