Header Image on my Homepage is truncating when I look at it on Mobile

Hi there

I have an image in the header which is great. When I reduce to review the page on mobile it somehow changes the height of the header image and looks like an empty space is overlayed on the image.

Any help much appreciated.

Regards
Niall

Hello,

I have visited your website. To increase the size of the background on mobile Please add the following Custom CSS in the Custom CSS for Mobile area under Theme Settings >> Custom CSS.

.page-title-default {
background-size: contain;
height: 100px;
width: 100%;
}

Currently there is no space on the image.

Screenshot for Clarification: https://ibb.co/NyHkGQ3

Best Regards.

Hi Aizaz

Thank you for that. I have put that in and it works in that it makes the image larger which is excellent.

There is a white space between the header and the banner image now, is there a way to remove this ?

Many thanks in advance
Niall

Hello,

I have again tried to check your site but your site is on Maintenance Mode now as showing in this screenshot: https://ibb.co/JHyBhXk so please remove the Maintenance Mode or provide me the WP Admin Login credentials into the private content area of this topic so that I’ll check it for you and if possible also share the screenshot of the banner and header space which you are talking about for my better understanding.

Best Regards.

[Author]

Posts