[Resolved] Header image with menu / background image / full width

[Henrik]

Hi,

This should be the simplest thing.

https://holstedfodpleje.dk/wordpress/

Image on top, want full width…
How do I place the menu, I’m trying to get it on the left, just under the blue area.
Also, I would like it to be transparent, with the image as background.

Below a new image. Trying to get the twp images to “connect”, do you know what I mean?
Also I would like this part to be full width.

I know this is many questions in one…
I have chosen the “full width” options, a little bit confused.

[Leo]

Hi there,

The logo image you’ve uploaded is only 1100px which is not big enough to fill the entire container.

Sounds like you are looking for the merging option? Take a look at this article:
https://docs.generatepress.com/article/merging-the-page-header-site-header/

You would need to expand the container width for the second image to expand: https://docs.generatepress.com/article/container-width/

[Henrik]

Okay, thank you Leo, making the images bigger, does the trick.

Question about the merging part..
Trying to place the primary menu inside the top image.
Should I drop the logo in Site Identity and place it in Page Header instead?

[Leo]

Page header logos only work if you have a logo set in Site Identity.

Simply merge should work. Let me know if it doesn’t 🙂

[Henrik]

Almost there Leo… thank you for ypur patience.
If you look at https://holstedfodpleje.dk/wordpress/

Just want the menu moved up just under the blue line, any tricks?

[Leo]

Try this CSS:

.page-header-content-container {
    margin-top: -90px;
    z-index: 1;
    position: relative;
}

[Henrik]

Beautiful. Thank you. Awesome support as allways

[Leo]

No problem 🙂

[Author]

Posts