Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • June 14, 2022 at 7:04 pm #306247
    Parker Pfister
    Member

    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.

     

    June 14, 2022 at 7:29 pm #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

     

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