Continued issues with header image not optimizing for mobile

  • Author
    Posts
  • #97437

    Hello – I keep having issues with my header not optimizing down to a mobile screen. I have had WP reps successfully fix it a couple times, but anytime I do major work on the site, the issue appears again. I was referred here by WP because they can’t figure out what’s going on. The header image looks fine on PCs and tablets. I’m pasting below the custom CSS I currently have pasted in which was used to fix issue last time – thanks for your help

    @media only screen and (max-width: 580px) {
    #home-banner {
    height: 300px !important;
    }
    }

    #header .bottom #home-banner {
    height: 1100px !important;
    }

    The blog I need help with is hustlecreative.biz.

    #97533

    themetrust
    Theme Author

    I would recommend using max-height instead, like this:

    @media only screen and (max-width: 580px){
    #home-banner{max-height:300px !important}
    }
    #97534

    Worked! Thanks so much.

The topic ‘Continued issues with header image not optimizing for mobile’ is closed to new replies.