Support » Theme: Twenty Seventeen » Header image not sizing on phones

  • Website –

    The issue is the header image does not show properly on the pad or cell phone. I have tried several images and still the same issue. I have also tried some of the css code changes listed on the forums but they are months old and are not working.

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter frmathiasen


    any help on this?

    I used this code on mine and it seems to have worked:

    @media screen and (max-width: 480px) {

    .has-header-image .custom-header-media img,
    .has-header-video .custom-header-media video,
    .has-header-video .custom-header-media iframe,
    .has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {
    height: auto;
    left: 0;
    max-width: 100%;
    min-height: 0;
    -o-object-fit: unset;
    object-fit: unset;
    position: relative;
    -ms-transform: none;
    -moz-transform: none;
    -webkit-transform: none;
    transform: none;

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Header image not sizing on phones’ is closed to new replies.