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

Home Forums Support [Resolved] Header image with menu / background image / full width

Home Forums Support Header image with menu / background image / full width

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #391368
    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.

    #391535
    Leo
    Staff
    Customer Support

    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/

    #391853
    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?

    #391972
    Leo
    Staff
    Customer Support

    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 ๐Ÿ™‚

    #392029
    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?

    #392265
    Leo
    Staff
    Customer Support

    Try this CSS:

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

    Beautiful. Thank you. Awesome support as allways

    #392396
    Leo
    Staff
    Customer Support

    No problem ๐Ÿ™‚

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.