- This topic has 5 replies, 2 voices, and was last updated 5 years ago by .
Viewing 6 posts - 1 through 6 (of 6 total)
Viewing 6 posts - 1 through 6 (of 6 total)
- You must be logged in to reply to this topic.
Home › Forums › WordPress Themes – Premium › Encase Pro › making youtube video responsive
Hi. In live composer I put a video on the top of my blog entry using this code:
It doesn’t get smaller on small screens, obviously. How can I make it resize to smaller screens, and still look like it does right now in regular desktop browsers?
The page is: https://www.garypfeffer.net/let-me-share-my-new-project-432-hz-tuned-sound-healing/
Thanks
Hello Gary,
Please add the following css inside the additional css section of your customizer and let us know;
iframe {
max-width: 100%;
}
Thanks!
Bidur
When you say, the customizer, I am not sure where you mean.
I tried this in Appearance, Customize. It centered the video on the page on the iphone, but it did not adjust the width or height.
Here is the code that I have in the html/shortcode box….
I know that the width and height are restrictive. But, if I try to use 100% for width, it doesn’t alter the height. And, if I specify a height of 100% nothing happens. It is as if I typed nothing. It isn’t honoring the % symbol in the height tag.
Hello Gary,
Yes inside Appearance>>Customize>>Additional css, please add the following css so that that you can adjust the height manually in mobile devices;
@media screen and (max-width: 460px){
iframe {
max-width: 100%;
height: 227px;
}
}
You may change the height value of your own.
Hope it works for you.
Thanks!
With our premium themes, we offer access to site documentation, video tutorials and timely support. Even if you have just started on WordPress, our support staff have the patience to help you create appealing sites gracefully.
Company
Privacy & Cookies: This site uses cookies. By continuing to use this website, you agree to their use.To find out more, including how to control cookies, see here: Privacy Policy
© Copyright © 2023 Styled Themes. All Right Reserved.