How to resize youtube videos for mobile

Discussion in 'Cloriato WordPress Theme' started by jrundle, Nov 11, 2014.

Thread Status:
Not open for further replies.
  1. jrundle

    jrundle Member

    Joined:
    Dec 28, 2011
    Messages:
    33
    Likes Received:
    2
    Hi

    How do I make embedded youtube videos - resize for mobile version?

    Thanks Janet
     
  2. Yogesh

    Yogesh Guest

    Joined:
    Aug 8, 2014
    Messages:
    2,052
    Likes Received:
    41
    Hello,

    Please provide us your website url as well as the screenshot where you facing the problem.

    Thanks & Regards
    Yogesh Bhade
     
  3. jrundle

    jrundle Member

    Joined:
    Dec 28, 2011
    Messages:
    33
    Likes Received:
    2
    Hi Yogesh

    This is where the new site is until changed over - it is only the mobile side that is an issue

    http://auswebseek.com/wallace/

    Thanks Janet
     
  4. Yogesh

    Yogesh Guest

    Joined:
    Aug 8, 2014
    Messages:
    2,052
    Likes Received:
    41
    Hello Janet,

    Paste the code given below in Custom CSS section
    (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.
    Code:
    @media only screen and (max-width: 767px){
    iframe {
    width: 100%;
    }
    }
    @media only screen and (max-width: 480px){
    iframe {
    height: auto;
    }
    }
    It will resolve your issue.

    Thanks & Regards
    Yogesh Bhade
     
  5. jrundle

    jrundle Member

    Joined:
    Dec 28, 2011
    Messages:
    33
    Likes Received:
    2
    Hi

    Thanks for that - works great

    Cheers
    Janet
     
Thread Status:
Not open for further replies.

Share This Page