Notifications
Clear all

[Solved] YouTube not responsive

6 Posts
2 Users
2 Likes
4,024 Views
Posts: 4
Customer
Topic starter
(@poelstra)
Member
Joined: 7 years ago

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%}
}
5 Replies
Posts: 4168
 Tom
Admin
(@tomson)
Famed Member
Joined: 9 years ago

Hi Alexander,

Please leave some URL to allow us debug CSS conflicts with your theme.

Reply
Posts: 4
Customer
Topic starter
(@poelstra)
Member
Joined: 7 years ago

Ok thank you, PM'ed you the URL.

Reply
Posts: 4
Customer
Topic starter
(@poelstra)
Member
Joined: 7 years ago

 Please can you help me, did you find anything?

Reply
Posts: 4168
 Tom
Admin
(@tomson)
Famed Member
Joined: 9 years ago

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;}
}
Reply
Page 1 / 2
Share:
Scroll to top