Video header doesn’t cover full width in MS Edge

  • Video header of Twenty Seventeen works as intended in Chrome and Firefox – covers entire viewport: width and height.

    However I just noticed that in MS Edge – it only covers height, but not entire width. Does anyone know how to fix CSS for Edge?

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

Viewing 1 replies (of 1 total)

  • One of the hacky solution around, you can apply custom css style for specific MS Edge to stretch the video a little bit in order to cover the height or width. You can play around with scaleX or scaleY. Below is the sample code for MS Edge.

    @supports (-ms-ime-align:auto) {
  .video {
  	transform: scale(2);
  }
}
    • This reply was modified 4 years, 5 months ago by sovich.
Viewing 1 replies (of 1 total)
  • The topic ‘Video header doesn’t cover full width in MS Edge’ is closed to new replies.