logo missing

If the above doesn't work, feel free to send us temporary admin login details and we'll take a closer look: https://generatepress.com/contact

Just be sure to mention this topic :)

The theme only allows for one logo/header by default, you're right.

It is possible to add a second one though. Would this "header" be global, or would it change per page?

the header would be global.

I explained from the beginning what I wanted.

can you please tell me why it has taken eight hours to for you to finally understand what I want?

Ok, so to do this you would:

1. Set the logo in Customize > Site Identity.
2. Have the menu set to below the header.
3. Add a new Hook element:

Make sure "Elements" is activated in "Appearance > GeneratePress".

Go to "Appearance > Elements" and add a new "Hook" element.

In the content, add your image like this:

<div class="grid-container header-image">
    <img src="URL TO YOUR HEADER IMAGE" alt="" />
</div>

In the "Hook" field, choose after_header.

Now in "Display Rules", set it to your "Entire Site".

That should give you the layout you're looking for.

Let me know if you run into any issues :)

what does this mean? in what content?

In the content, add your image like this:

    <img src="URL TO YOUR HEADER IMAGE" alt="" />
</div>

Like this: https://www.screencast.com/t/cwHcUSUsY

Then go into "Display Rules" and select "Entire Site".

okay I did that. Now if you look at the website you will see all it did was add a gray bar in between the logo and the menu

You need to replace URL TO YOUR HEADER IMAGE with the actual URL to the image.

Try this for your full content:

<div class="grid-container header-image" style="background: #fff;text-align: center;">
    <img src="https://www.novacustomprinting.com/wp-content/uploads/2014/08/novatshirtbanner090913.jpg" alt="" />
</div>

Then it looks like you'll want to add something like 50 to the "Priority" field to make sure it displays below the menu: https://www.screencast.com/t/zidNpnn9r2ZP

how do I decrease the amount of space between the header and the body?

Go to "Customize > Layout > Container" and reduce the top content padding.

Also, use this hook content, it will make it the same width as the rest of the page:

<div class="grid-container header-image grid-parent" style="background: #fff;text-align: center;">
    <img src="https://www.novacustomprinting.com/wp-content/uploads/2014/08/novatshirtbanner090913.jpg" alt="" />
</div>

and if I want to put some padding in between the bottom of the menu and the header below it, what would be the code for that?

Add this CSS:

.grid-container.header-image {
    padding-top: 50px;
}

How to add CSS: https://docs.generatepress.com/article/adding-css/

Adjust the 50px to whatever you like.

okay everything appears to be working now, I only have one last question. How do I add a phone number at the top of the website which is clickable for mobile?

On mobile only?

You could add it inside a header widget: "Appearance > Widgets > Header".

Something like this inside an HTML widget:

<h3 style="text-align: center;"><a href="tel:123-456-7890">Call Us</a></h3>

You'd need to update the phone number in the code.

Then add this CSS so it only displays on mobile:

@media (min-width: 769px) {
    .header-widget {
        display: none;
    }
}

Off for the night (almost 9 PM here), but will be happy to help you further if needed in the morning.

Sorry for the misunderstanding - glad we were able to help you reach a solution :)

thank you, in the morning can you please get back to me on how I can replace the words "call us" with a clickable graphic image?
thanks