Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #306247
    Parker Pfister
    Participant

    Hi There,

    I just purchased this theme this morning and I cannot figure out how to get the header media to look like your example. It keeps cropping the image to about 1/4 of its height.

    Thank you.

     

    #306252
    Sakin
    Keymaster

    Hi Parker,

    Your page front page is coming as a blog which is why it’s not showing the full header image. It will only show at home. But to fix that can you add the following CSS in “Appearance => Customize => Additional CSS” box:

    .has-header-image.blog .custom-header-media,
    .has-header-video.blog .custom-header-media,
    .has-header-text.blog .custom-header-media {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -webkit-flex-direction: column;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-pack: end;
     -webkit-justify-content: center;
     -ms-flex-pack: end;
     justify-content: center;
     height: 100%;
     height: 100vh;
     width: 100%;
    }

    Regards,
    Sakin

     

Viewing 2 posts - 1 through 2 (of 2 total)
  • The topic ‘Header Media is cropped too tight.’ is closed to new replies.