Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 22, 2015 at 11:31 am #448312
    raslade

    Hi there

    I’ve embedded a video in the advanced layerslider which works fine on desktop but when you go to mobile i’d like the video to fit the full width. I’ve given the video a custom ID and tried the following code but it doesn’t seem to work.

    @media only screen
and (min-width : 320px)
and (max-width : 480px) {#home-animation {width:100%;}}

    Any ideas why I can’t get it to work?

    Thanks

    May 22, 2015 at 4:42 pm #448454
    Yigit

    Hey raslade!

    Please try adding !important rule as following 

    @media only screen
and (min-width : 320px)
and (max-width : 480px) {#home-animation {width:100% !important;}}

    Cheers!
    Yigit

    May 25, 2015 at 9:19 pm #449721
    raslade

    Yigit – that worked a treat, thank you.

    May 26, 2015 at 6:34 am #449825
    Rikard

    Hey!

    Great, glad we could help :)

    Best regards,
    Rikard

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Embedded video to show 100% on mobile version’ is closed to new replies.