Archived topic
How to get a full width header image under nav?
8 replies · Started by Mark on March 20, 2020
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.
Hi there,
Would there be any content on top of the image like the example?
Let me know :)
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.
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 :)
Thanks for that link to the article. That helped! Thank you!
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?
Looks like you've got the CSS to work :)
yes thanks!
No problem :)
