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

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #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!

    #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.

    #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.

    #97350
    wensolutions
    Keymaster

    Hello,

    Glad that we could help you.

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

    Regards!

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