[Resolved] How add header created in Gimp?

[Richard]

How do I add a header created in Gimp to my website?

The header contains my logo, tagline, photo and email and phone links.

Thanks.
Dick

[Tom]

Hi Dick,

Save it as an image file, and then upload it through “Appearance > Customize > Site Identity”.

[Richard Robinson]

Hi Tom,

My header width and height appears too small on the site.

Here’s what I measured my Gimp header in:
GIMP : 1200px X 90px.
ON MY SITE: 1099px x 86px.
GP HEADER SPACE: 1260px x 172px.

What do I need to do make my custom header full width on the site? I do want it about 90px height for more above the fold content.

Thanks.

Dick

[Tom]

If it’s resizing on your site, it means your site is only allowing for that size.

Can you link me to the site possibly?

[Tom]

It just looks like the container is smaller than the header width.

Increase the width of the container (Customize > Layout) to get the full width of the header to show.

[Richard Robinson]

Hi Tom,
I increased the Container Width to the maximum (1990px), and my (unfinished) header still does fill the full width of the header.

What’s next?

Thanks.
Dick

[Tom]

Ahh, you want to stretch it to the full width of your header?

Doing so will cause your image to lose quality, but you can do it with this CSS:

.site-logo,
.site-logo img {
    width: 100%;
}

[Richard Robinson]

Then what size should the header be in Gimp to go in the full width in the website?

Thanks.
Dick

[Tom]

At least as wide as your container width you’ve set.

[Richard]

Thanks, Tom.

Back to the drawing board.

Dick

[Tom]

No problem 🙂

[Author]

Posts