Home › Forums › WoodMart support forum › Header Image on my Homepage is truncating when I look at it on Mobile

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

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 29, 2020 at 10:37 am #198904

    Niall Curran
    Participant

    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

    May 29, 2020 at 12:31 pm #198929

    Aizaz Imtiaz Awan
    Keymaster

    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.

    May 29, 2020 at 1:33 pm #198960

    Niall Curran
    Participant

    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

    May 30, 2020 at 5:49 am #199091

    Aizaz Imtiaz Awan
    Keymaster

    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

Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)