[jmacauley1]

First and foremost, thank you for the work you put in when helping us out on these support forums. It’s greatly appreciated.

I know there are loads of posts posted on this forum about reducing space between the header and the top menu but for some reason, all the different forms of CSS I have tried from all the different threads haven’t worked for me.

Please see the screenshot provided below:

http://i.imgur.com/bz7Nb80.png

Is there any way I can lower reduce the white space between the image in my header and the top menu, such that the bottom of my image maybe sits directly on the menu (or just above)?

Everything I’ve tried has had little effect.

Thanks.

[ahmetsali]

Hi, try this custom css code;

.site-header hgroup {
    padding-bottom: 0;
}
.site-description {
    display: none;
}
h1.site-title {
    margin-bottom: 0;
    line-height: 1;
}
h1.site-title a {
    border-bottom: 0;
}

if it doesn’t work for you, please provide your url.

[jmacauley1]

Hi, thank you for providing that code.

Just as I thought everything is now in order I noticed this when I visited my blog on my iPhone

http://i.imgur.com/WuKBNOX.png

The same thing happens on my iPad and with Android Tablets.

Is there a reason why my header image isn’t loading?

Thanks.

[jmacauley1]

Hi.

Any help on this issue by any chance?

Thanks.

[ahmetsali]

Hi, i tried to check your site to see what’s wrong but it says “Maintenance Mode”.

http://jordanmacauley.com/

let me know when you make it public.

[jmacauley1]

Hi,

I’ve deactivated Maintenance Mode for now.

Thanks.

[ahmetsali]

this is really weird,

– deactivate all plugins and try again,

– you can also add this custom css code to minimize the space between image logo and navigation.

h1.site-title {
    line-height: 0;
}

[jmacauley1]

Hi,

Thanks for the response. I deactivated all plugins, refreshed page on my mobile devices and I still don’t see my header image.

I’ve looked into this for the past few days and I still can’t find a solution. It’s really annoying me because I’d love to make my website public. Have you ever seen this before? Do you have any alternative solutions for me to try? I’d love to get this resolved as soon as possible.

Thanks.

[jmacauley1]

I’ve just discovered that if you turn your iPhone landscape when on my website, the image header changes from a black rectangular box to the text based header I had previously.

I don’t know if this helps or not but I thought that was quite strange.

Any ideas for a remedy would be appreciated.

[ahmetsali]

I just chose image logo for our demo site and viewed on iphone5, and it looks proper. But your site doesn’t.

– i also checked your site on android 4.2. it looks good to. i guess this issue is specific to retina devices. I still believe something third party (plugin, widget or something in the content) you have added to your site causes this. When i debug your site i see lots of code that added by plugins or widgets or embeeded media.

– i recommend you to install a separate fresh copy of the theme and check image logo on iphone before installing anything third party or adding any content.

[jmacauley1]

Thanks for your response.

Can you tell me how I go about installing another copy of the theme please? I’m not entirely sure how to do that.

[Mehmet S.]

Hi,

You need to change the folder name of the theme.

Thanks