Home › Forums › Support › How to get a full width header image under nav? This topic has 8 replies, 2 voices, and was last updated 3 years, 12 months ago by Leo. Viewing 9 posts - 1 through 9 (of 9 total) Author Posts March 20, 2020 at 1:05 pm #1200988 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. March 20, 2020 at 1:07 pm #1200990 LeoStaff Customer Support Hi there, Would there be any content on top of the image like the example? Let me know π March 20, 2020 at 1:10 pm #1200991 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. March 20, 2020 at 1:16 pm #1200995 LeoStaff Customer Support 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 π March 20, 2020 at 1:31 pm #1201000 Mark Thanks for that link to the article. That helped! Thank you! March 20, 2020 at 1:37 pm #1201003 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? March 20, 2020 at 4:17 pm #1201090 LeoStaff Customer Support Looks like you’ve got the CSS to work π March 20, 2020 at 5:14 pm #1201120 Mark yes thanks! March 20, 2020 at 8:02 pm #1201183 LeoStaff Customer Support No problem π Author Posts Viewing 9 posts - 1 through 9 (of 9 total) You must be logged in to reply to this topic. Log In Username: Password: Keep me signed in Log In