Professional WordPress Plugins and Services. wpDiscuz, WooDiscuz, Advanced Post Pagination
I know this has been posted before but I can't get YouTube to stay within the lines on a mobile device. I am using a theme. I have tried adding this css but no luck. Can someone please help?
#wpforo-wrap .wpforo-post-content .wpf-video{display: inline-block;}
@media screen and (max-width:800px) {
#wpforo-wrap .wpforo-post-content .wpf-video{width:95%}
}
Hi Alexander,
Please leave some URL to allow us debug CSS conflicts with your theme.
Ok thank you, PM'ed you the URL.
Please can you help me, did you find anything?
Hi Alexander,
Please remove the old CSS code and use this one:
#wpforo-wrap .wpforo-post-content .wpf-video,#wpforo-wrap .wpforo-post-content .wpf-video iframe{max-width: 98%;}
@media screen and (max-width:900px) {
#wpforo-wrap .wpforo-post-content .wpf-video{max-width: 95%; height: 280px;}
#wpforo-wrap .wpforo-post-content .wpf-video iframe {max-width: 100%; height: 280px;}
}
@media screen and (max-width:520px) {
#wpforo-wrap .wpforo-post-content .wpf-video{max-width: 95%; height: 200px;}
#wpforo-wrap .wpforo-post-content .wpf-video iframe {max-width: 100%; height: 200px;}
}