iFrame problem

ninedesignstudio

August 2018 in Theme support

Hi,

When I use an iFrame on a page (in a column item) with a side panel (used as menu), the side panel overlays on top of the iFrame.

Is there a way I can make the iFrame fit to the column size?

iFrame is set to 100% width, if width set manually - iFrame is cropped from right.

Page

https://f2au2018.ninedesignstudio.co.uk/first-aid-training/

iFrame

<iframe src="https://www.qualsafeawards.org/calculator/2588a00be215c506f09b9ffc61d2d96c/area/defineAreas" style="border:0px #EEEEEE none;" name="calculator" scrolling="yes" frameborder="0" marginheight="0px" marginwidth="0px" height="1080px" width="100%"></iframe>

screenshot:

Comments

Pablo

August 2018

Hi,
All about responsive Iframe's here:
https://blog.theodo.fr/2018/01/responsive-iframes-css-trick/

Thanks.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

or Register to comment.