How to delete the space in this screenshot

[Jeff54]

Hello,

I’m kind of stuck right now. I don’t have much experience with wordpress. This is my first site and I”m volunteering at this school since my wife is a teacher there…
The site is for a primary school which started today with lessons. They wanted to change their website and want to have their logo in the middle of the homepage. But on normal screens the logo is fine, but when viewing this page on a tablet it’s not keeping it’s size.

You can see it on my screenshot. Is there a way to fix this? I’m already over an hour busy with sizing and custom css but it just doesn’t work.

I hope that there is someone who can help me (or the school) out.

Best wishes
Roy

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

Hi,

You cannot remove the space, it is generated by the large image you have added.

You can target the image using CSS to set a max height on tablet. Add this to Theme Options => Custom CSS.

Tablet Landscape:

@media (min-width: 992px) {
img.aligncenter.wp-image-255.size-full {
    max-height: 130px;
}
}

[Jeff54]

Thank you David! You helped me a lot with this.

Best wishes!

Roy

[Mohammad – SUPPORT]

Hi,
Great thanks to David.
Mohammad