How to make iframe adapting on mobile version

I moved the description down below the photos, and then I embedded a YouTube video in the description, but it shows too wide on mobile vision, so I tried to add the below code in base.css.

It can not show the full screen.

iframe {max-width: 100%;}

And then I changed the code to:

iframe {

max-width: 100%;

height: auto;

}

Then the height is too much, anyone can help? please.

Hi @escoo ,

Add this CSS code
Online Store > Themes > Edit code > Assets > custom.css or theme.css

iframe {
  height: 400px;
}

Hi, I add this. But there’s black space on pc as well as mobile view.