Home › Forums › All Other Themes › Naturo -Video not resizing
- This topic has 6 replies, 2 voices, and was last updated 7 years, 5 months ago by
Forum Moderator.
-
AuthorPosts
-
April 13, 2016 at 9:09 am #30254
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
April 13, 2016 at 10:20 am #30262Hi 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,
BradApril 13, 2016 at 11:02 am #30271No 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; } }
April 13, 2016 at 11:04 am #30272Made an edit to the Syntax above to add ‘screen’ in second CSS call, but has not helped!
April 13, 2016 at 11:31 am #30275Hi 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,
BradApril 13, 2016 at 11:41 am #30277Brad, Great, thanks. That has fixed it!
April 13, 2016 at 11:48 am #30279Okay cool 🙂
-
AuthorPosts
- You must be logged in to reply to this topic.