[Resolved] How to get a full width header image under nav?

[Mark]

Hello,

I am trying to place a full width header image underneath the nav. Can’t figure out how to do this.

Essentially would like it to look like this: https://www.expertcomputerhelp.com/

But instead of the black bg, it would be an image.

[Leo]

Hi there,

Would there be any content on top of the image like the example?

Let me know 🙂

[Mark]

Right now, no content just an image. But if it isn’t too much trouble to know how to also do this. Might want to in the future.

[Leo]

If you just want an image there, then replace the current page hero content:

<h1>www.EXPERTCOMPUTERHELP.com</h1>
<h5>Coconut Creek, Florida 33066 - (954) 895-2555</h5>

with an image:
<img src="https://www.hero-image-here">

If want content in front of the image, then just use the background image option in that page hero;
https://docs.generatepress.com/article/how-to-create-a-page-hero/#step-2-choose-a-background

Let me know if this helps 🙂

[Mark]

Thanks for that link to the article. That helped! Thank you!

[Mark]

Ok, I was able to get the hero image. But now I would like my content to slightly overlap like in this example: http://gpsites.co/mellow/

Is there an easy way to do this?

[Leo]

Looks like you’ve got the CSS to work 🙂

[Mark]

yes thanks!

[Leo]

No problem 🙂

[Author]

Posts