My header doesn’t automatically adjust to fit a mobile screen

  • Hi all,

    Spent hours trying to fix this tonight and I’m really frustrated with it now. My header fits desktop perfectly but doesn’t automatically adjust for tablet and mobile. In the past twenty seventeen has done this automatically.

    Please help!

    Thanks!

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • AddWeb Solution

    (@addweb-solution-pvt-ltd)

    Hello robjohnson87,

    Add below css code into your current active child theme’s style.css file or you can add additional css option in theme customizer.

    @media(max-width: 767px) {
  .has-header-image.home.blog .custom-header {
    height: 225px;
  }

  .has-header-image .custom-header-media img {
    height: auto;
    object-fit: fill;
    min-height: 225px;
  }
}

    Hope this will helps you.

    Thanks.

    Didn’t help me with front page banner, if that was the problem. Header on other pages responsive already.

    • This reply was modified 6 years, 4 months ago by stoch.

    AddWeb Solutions, this does make the image responsive however it pushes the site title and tagline below the hearder image so not really helpful

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘My header doesn’t automatically adjust to fit a mobile screen’ is closed to new replies.