Naturo -Video not resizing

Home Forums All Other Themes Naturo -Video not resizing

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #30254
    Andrew JohnstoneAndrew 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.

    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

    #30262
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 31028
    • Total: 31028
    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 JohnstoneAndrew 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 JohnstoneAndrew 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
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 31028
    • Total: 31028
    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 JohnstoneAndrew Johnstone
    Member
    • Topics: 7
    • Replies: 12
    • Total: 19
    Member since: November 17, 2015

    Brad, Great, thanks. That has fixed it!

    #30279
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 31028
    • Total: 31028
    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.