[Support request] Header Image Full Screen – Logo, menu, etc on top

[Mark]

Hi guys,

I am trying to design a site with a header with a full screen background image, logo and menu, over-layed on top of image. Something similar to:

https://www.yi-therapy.com/

Any help much appreciated!

[Tom]

That site is using Beaver Builder to build the image/text, then using this method to make it full screen: https://docs.generatepress.com/article/merging-header-navigation-content/

Otherwise, you can just use our Page Header add-on to build the same thing: https://docs.generatepress.com/article/page-header-overview/

Let me know if you need more info 🙂

[Mark]

Hi Tom,
I do in fact use Beaver Builder, so what do you think is best, or preferred, way for me to implement this? i.e. Beaver Builder or Page Header add-on in Generate Press?

Thanks!

[Leo]

If you are using BB already then that might be the best way to go.

[Mark]

Ok, I have successfully set this up but am having trouble with positioning my logo. Navigation is positioned above Header and I want my logo positioned more or less inline with the menu. Mine shows up quite a bit down inside of the header area. How can I adjust positioning of the logo?

[Mark]

I want the logo to line up more or less like:

http://artoflivingstudio.org/yoga/

Thank you!

[Tom]

Any chance you can link me to what you have so far?

[Author]

Posts