Naturo -Video not resizing

Home Forums All Other Themes Naturo -Video not resizing

This topic contains 6 replies, has 2 voices, and was last updated by  Forum Moderator 2 years, 5 months ago.

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #30254

    Andrew Johnstone
    Member
    • Topics: 7
    • Replies: 12
    • Total: 19
    Member since: November 17, 2015

    Hello,

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

    Film & 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

    #30262

    Forum Moderator
    Member
    • Topics: 0
    • Replies: 17689
    • Total: 17689
    Member since: August 16, 2013

    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

    #30271

    Andrew Johnstone
    Member
    • Topics: 7
    • Replies: 12
    • Total: 19
    Member since: November 17, 2015

    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;
    }
     } 
    #30272

    Andrew Johnstone
    Member
    • Topics: 7
    • Replies: 12
    • Total: 19
    Member since: November 17, 2015

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

    #30275

    Forum Moderator
    Member
    • Topics: 0
    • Replies: 17689
    • Total: 17689
    Member since: August 16, 2013

    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

    #30277

    Andrew Johnstone
    Member
    • Topics: 7
    • Replies: 12
    • Total: 19
    Member since: November 17, 2015

    Brad, Great, thanks. That has fixed it!

    #30279

    Forum Moderator
    Member
    • Topics: 0
    • Replies: 17689
    • Total: 17689
    Member since: August 16, 2013

    Okay cool 🙂

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.