Header space on mobile

Hey there jnilles,

Hope you’re well today!

I’ve checked your site and it displays a line on the top of the header on desktop versions as well, I can see that you’re using some image there so I’m not really sure if you have that there on purpose or not, see screenshot
https://screencast.com/t/N2PbbiOW

Either way you could remove it completely by adding the following CSS code in the style.css file of your child theme or add it in your site using the following plugin:

https://www.ads-software.com/plugins/simple-custom-css

div#site-header {
  position: absolute;
}

If you want to remove it only on smaller resolutions we can use media queries to apply the same thing for mobile screens.

Hope this helps ??

Cheers,
Bojan

Thanks, Bohan,

Your comments hit the right mark. I do have an image at the top of the site and it’s too big for the smaller screens, although that didn’t seem to bother the earlier version of Twenty Fourteen. I don’t have a child theme but it looks as if I’m going to make one now with media queries, together with smaller versions of the image.

Cheers,
Jack

Actually, after further investigation I found that the suspect image was missing from its assigned place on the server. Apparently my own desktop browsers were working with a cached version of it rather than the missing image. I restored the image to the server and all is behaving normally without the need for a child theme.

Cheers,

Jack

Hey Jack,

Glad you managed to figure that out. Have a nice day ??

Cheers,
Bojan