Header Padding when uploading a header image

Tagged: header

This topic has 12 replies, 3 voices, and was last updated 9 years, 7 months ago by hannah.

Viewing 13 posts - 1 through 13 (of 13 total)

Author

Posts
July 21, 2014 at 3:43 pm #13173
hannah
Customer
Hi,
I did not want to tag on someone else’s thread but when I upload a header image (360x70px) through Customize or Header, the black bar on the top becomes much wider. I like the narrow bar. How can I use a header image and not blow up that black space?
Thanks, Hannah
July 21, 2014 at 3:44 pm #13174
hannah
Customer
Ooops, here is the link to the site: http://www.divorcenight.com/
July 22, 2014 at 2:38 pm #13201
Wes
Moderator
Which black bar are you referring to? The header background or something else?

Also, can you upload your image so I can see what everything looks like with it uploaded?
July 23, 2014 at 10:32 am #13227
hannah
Customer
Hi Wes,
Here are the images: Logo: http://www.divorcenight.com/wp-content/uploads/2014/07/DivorceNightLogoWhite.png
Site with header image: http://www.divorcenight.com/wp-content/uploads/2014/07/Divorce-Night-Social-Events-for-Divorcees-Google-Chrome-7232014-102814-AM.bmp
And without: http://www.divorcenight.com/wp-content/uploads/2014/07/Divorce-Night-Social-Events-for-Divorcees-Google-Chrome-7232014-102829-AM.bmp
the image size is 360×70.
The owner launched before deadline and now its live, so I cannot leave the logo up until it is fixed.
Thanks, Hannah
July 23, 2014 at 6:31 pm #13234
Wes
Moderator
For something like this, a screenshot/image won’t work, I would actually need to see the logo uploaded on the site so I can examine/inspect everything together to know where the issue is coming from. If you want to create a temporary user/password, I can login and upload the image and instantly fix it through css. I recommend this so the site won’t show the error until I login and am able to fix it. If you’re able to do so, just leave the logo that you want me to install in the header section (unactivated) and I’ll activate and fix as soon as I see it.
July 31, 2014 at 10:52 am #13329
hannah
Customer
I emailed it to our support just now! Thanks so much! Great support.
August 20, 2014 at 10:53 pm #13612
Tracy
Customer
Hello, all. I’m having a similar issue as described above after adding a header image and cannot seem to resolve. Did you all discover the cause/fix?

Thank you!
August 29, 2014 at 10:01 am #13697
hannah
Customer
This reply has been marked as private.
August 29, 2014 at 12:16 pm #13700
Tracy
Customer
Hey, Hannah. Not sure if your reply was meant for me or not as it is marked private. Hopefully I’m not breaking the forum rules by asking about my header issue in this thread even though it seems to be identical. Apologies if I am.

Thanks…Tracy
September 3, 2014 at 1:55 pm #13761
hannah
Customer
This reply has been marked as private.
September 4, 2014 at 11:58 am #13773
Wes
Moderator
@hannah sorry I didn’t get a notification for some reason, so I had no idea you replied. I’m logging in now to take a look.
September 4, 2014 at 12:06 pm #13774
Wes
Moderator
Ok just fixed it.

I changed the minimum height for the .header-image .site-title a from 164px to 68px (the actual size of the image) on line 1708-
```
.header-image .site-title a {
    float: left;
    min-height: 68px;
    width: 100%;
}
```
Then I reduced the padding on the header right widget area (the navigation area) from 40px (top and bottom) to 5px on line 1723 –
```
.header-image .site-header .widget-area {
    padding: 5px 0;
}
```
If you want to add more space to the top or bottom you can do so by adjusting either of those sections. Let me know if that looks ok.
September 4, 2014 at 12:13 pm #13775
hannah
Customer
Thank you!
Author

Posts

Viewing 13 posts - 1 through 13 (of 13 total)

The topic ‘Header Padding when uploading a header image’ is closed to new replies.