Is it Possible to Make these GIFs responsive?

Posted in General by Steve Dillon Fri May 26 2017 23:25:05 GMT+0000 (UTC)·2·Viewed 485 times

I'm trying to embed the iframe for one of your GIF's into a Shopify site. Here's the link: https://www.boldfacegear.com I cant't seem to make the div and the iframe responsive...? Any thoughts? Thanks, Steve
Kieran O'Reilly
June 1, 2017

Hi Steve! So sorry for the delay!

If you switch out the embed code you can make it more responsive:

<div style='position:relative;padding-bottom:56.2%'><iframe src='//gifs.com/embed/boldface-live-nation-feats-bowie-NxJJ4K' frameborder='0' scrolling='no' width='100%' height='100%' style='position:absolute;top:0;left:0' allowfullscreen></iframe></div>

Kieran O'Reilly
June 1, 2017

Sorry here is the new embed code:

<div style="position:relative;padding-bottom: 56.2%;"><iframe allowfullscreen="" style="position:absolute;top:0;left:0" height="100%" width="100%" scrolling="no" frameborder="0" src="//gifs.com/embed/boldface-live-nation-feats-bowie-NxJJ4K"></iframe></div>
  
Markdown is allowed