Hi I am using email sign up forms from a email newsletter service which need to be embedded in iframes.
Their forms are not responsive and I spend hours looking for code and adjusting things to create a horizontal form. I managed to let the form resize according to the size of the iframe.
But the iframe doesn't resize when on a mobil phone it breaks the site!
Just take a look at www.videoblogging.no on "home" straight under the slider is the form that I am talking about.
currently it doesn't look that bad from what I can see - I can see it scaling down in every viewport except mobile has a horizontal scrollbar because it's a little bit too big. There's already some css in place to make it the iframes don't get larger than the container but there's not much else you can do since controlling content in an iframe cant be tricky since it's data is not technically on the same site.
Hi I am using email sign up forms from a email newsletter service which need to be embedded in iframes.
Their forms are not responsive and I spend hours looking for code and adjusting things to create a horizontal form. I managed to let the form resize according to the size of the iframe.
But the iframe doesn't resize when on a mobil phone it breaks the site!
Just take a look at www.videoblogging.no on "home" straight under the slider is the form that I am talking about.
Is there a way to make iframes responsive?
Hey Tobias,
currently it doesn't look that bad from what I can see - I can see it scaling down in every viewport except mobile has a horizontal scrollbar because it's a little bit too big. There's already some css in place to make it the iframes don't get larger than the container but there's not much else you can do since controlling content in an iframe cant be tricky since it's data is not technically on the same site.