Thread: Responsive iFrame

Responsive iFrame

Hi there

I am currently an Amazon affiliates member and running ads through my site. I have placed the iFrame code in the widgets across the site and the adverts work but they don't resize on an iphone. I looked through the forums and found advice on using the following in my style.css on the child theme:

#masthead .advert .widget {
background-size: 100% !important;
max-width: 100%;
}
the advert container has resized so it doesn't run off the page but you can only see part of the advert within it. I am also running ads on listing page ad widget and the side bar ad widget but i can't seem to even get the container to re-size so the ads run off the page. Does anyone know a solution to this?
photo2.jpg photo.jpg

I also used this code to resize the header image:

#site-title a {
background-size: 100% !important;
max-width: 100%;
}

Which as you can see from the screenshot it has resized it but there is now a large space/gap underneath it and i'm unsure how to get rid of it.

Any help would be appreciated.

Rachel