Header image min height

  • Springtide

    (@reneyoung)


    5 years ago

    Can someone please provide a custom CSS snippet to add a minimum height to the header image?

    The recommended dimensions for the header image are 1900×600, but it ends up getting cropped by about half that height. Our header image will include our logo and tag line. I noticed that if you disable the site title and tag line in Site ID, it actually decreases the header image height. I tried:

    header {
    min-height: 500px;
    }

    But that just added 500px space between the ticker and the first Home Page Content widget. Close, but no cigar ??

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hi @reneyoung,
    Thank you so much for using support forum for the query.
    Please add the below CSS codes on Additional CSS section of customizer,

    .masthead-banner.data-bg {
    padding: 100px 0;
}

    We have managed that section using padding property of CSS. Kindly check once.

    Hope this works.

    For dedicated support, use our official support medium.

    Regards

    Thread Starter Springtide

    (@reneyoung)

    Awesome – thanks! I changed it to 200px and now we can see almost all of our header image. Thank you!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Header image min height’ is closed to new replies.