Home › Forums › Free Themes › Kids Education › on phone view: header image background

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 9, 2019 at 2:00 am #97272
    messmeriza
    Participant

    I have reduced the header image height on all inside pages. For example http://fuelcatering.ca/newsite/?page_id=171

    When you look at it on a phone there’s a turquoise background right underneath the header image. How can I get rid of it?

    Thanks!

    May 9, 2019 at 6:46 am #97290
    wensolutions
    Keymaster

    Hello,

    Add below given CSS by going to Additional CSS.

    @media only screen and (max-width: 479px){
#header-image {
    height: 331px !important;
}
}

    Hope this helps.

    Thank you.

    May 9, 2019 at 2:34 pm #97321
    messmeriza
    Participant

    Perfect thanks! I have made it height: 270px though because with 331px the background was still showing on 2 phones I check it on.

    May 9, 2019 at 11:35 pm #97350
    wensolutions
    Keymaster

    Hello,

    Glad that we could help you.

    For any further query/confusion, feel free to reach us.

    Regards!

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.