Reduce header height for a youtube video in twenty seventeen

  • Hi,

    I want to reduce the header height for a youtube video used as header video in twenty seventeen.
    Adding the following in the customize additional CSS area reduce the header height but the video will not be shown completely anymore. The lower part of the original video is not visible.

    .has-header-image.twentyseventeen-front-page .custom-header,
    .has-header-video.twentyseventeen-front-page .custom-header,
    .has-header-image.home.blog .custom-header,
    .has-header-video.home.blog .custom-header {
    display: block;
    height: 512px;
    }

    Any ideas to solve this?

    Many thanks,
    Günther

Viewing 3 replies - 1 through 3 (of 3 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Could you show us your site with this video?

    Thread Starter cgpro24

    (@cgpro24)

    No, unfortunately not, because it is at the moment only local.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    It sounds like the problem might be related to the ratio of your video. The ratio needs to be the same as what the theme recommends for images.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Reduce header height for a youtube video in twenty seventeen’ is closed to new replies.