Naturo -Video not resizing

[Andrew Johnstone]

Hello,

I have an issue with video content not resizing properly for mobiles in Naturo theme.

http://wordpress2015.wilddogworld.com/wordpress/films_television

I have tested this both with our additional CSS and without and on both occasion the films on the page above bust out of the right hand side of mobile phones in portrait mode. I have tried various @media CSS calls, but nothing I can see fixes the issue. I suggest that this is possibly to do with the theme. Can you suggest a fix please?

Andy

[Sonal S Sinha]

Hi Andy,

Kindly add this code in custom CSS Box:

@media screen and (max-width:767px){
.WDimages{margin:0 !important; padding:0 !important; width:100% !important;}
}

Regards,
Brad

[Andrew Johnstone]

No it does not seem to have fixed the issue as far as I can see. I have added:

@media screen and (max-width: 480px) {
    .WDimages {
margin:0 !important; 
padding:0 !important; width:100% !important;
}
 }
     
@media and (max-width: 767px) {
    .WDimages {
margin:0 !important; 
padding:0 !important; width:100% !important;
}
 } 

[Andrew Johnstone]

Made an edit to the Syntax above to add ‘screen’ in second CSS call, but has not helped!

[Sonal S Sinha]

Hi Andy,

Kindly add this code in custom CSS Box:

@media screen and (max-width:767px){
.WDimages{margin:0 !important; padding:0 !important; width:100% !important;}
.WDimages iframe{width:100% !important;}
}

Regards,
Brad

[Andrew Johnstone]

Brad, Great, thanks. That has fixed it!

[Sonal S Sinha]

Okay cool 🙂

[Author]

Posts