Archived topic
Header image with menu / background image / full width
7 replies · Started by Henrik on September 25, 2017
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.
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/
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?
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 :)
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?
Try this CSS:
.page-header-content-container {
margin-top: -90px;
z-index: 1;
position: relative;
}Beautiful. Thank you. Awesome support as allways
No problem :)
