Mobile header not filling all of the header space?

[Nightmarian]

I’m sure it’s something simple and silly like the dimensions of my header. It looks fine on lower res laptops and even my high res ultrawide, but on mobile there’s space above and just a tiny bit below. You can see a screenshot here.

I’ve been trying to figure out how to either remove the empty space or, ideally, just control how the image is displayed. I wouldn’t mind it cutting off some of the header’s sides to zoom in and keep the image a bit larger so it’s easier to read the text.

Thanks for any assistance you can provide.

[christian]

Hey Bernie,

It’s weird that the font-size is causing the space issue. I’d investigate more on this but for now, please add the following code in Theme Options > CSS.

.x-logobar,
.x-brand {
    font-size: 0 !important;
}

Hope that helps.

[Nightmarian]

Thank you so much, that worked! Now I have to go digging out of curiosity to find out why and how font-size is doing this. I’m not even sure how you noticed it in the first place, but right now the fix works just fine so I’m a happy camper. It was driving me nuts, let me tell you.

By the way, you guys have been ridiculously fantastic with support and I want to mention how much I genuinely appreciate that. You don’t see it often any more. Well, for understandable reasons, I suppose, but still. Thanks again, Christian.

[ruenel]

You’re welcome Bernie!
We’re glad @Christian were able to help you out.