How to embed an iFrame to be responsive

ThemeBurn SupportForumsOpenCart ThemesPavilion OpenCart ThemeHow to embed an iFrame to be responsive

This topic has been marked as resolved.

Hello,

Our store has this virtual tour and we want to embed it on the homepage.

https://www.google.com/maps/@42.482515,-83.143715,3a,75y,58.85h,69.92t/data=!3m7!1e1!3m5!1seN8sbPWslNcAAAQIt6EQAA!2e0!3e2!7i13312!8i6656?hl=en-US

How can I do this so that it will resize for mobile devices?

Right now, I have it in a text block which works just fine for desktop view, but does not resize for mobile. I tried putting no dimensions in, but then it just shows up very small. Help!

Thanks in advance.

July 17, 2015 at 12:51 am #42177

You can see how it currently looks at http://www.habermanfabrics.com.

July 17, 2015 at 9:24 pm #42182

I added

iframe {
max-width: 100%;
}

to the custom CSS field, seems to have worked.

July 20, 2015 at 5:10 pm #42200

Thanks for the suggestion. Will be provided with the next update.

BR,
ThemeBurn team

July 21, 2015 at 6:26 pm #42234
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.