I'm trying to add an iframe that will display my portfolio.
Cloudspot has given me this:
<iframe src="https://mdkauffmann-photography.client-gallery.com/gallery/wedding-portfolio/?nav=false&category=false" style="min-width: 405px; min-height: 412px; width: 100%; height: 100%;" frameborder="0"></iframe>
And/or this (which is supposed to automatically resize the frame):
<style>#cloudspotIframe{width: 1px;min-width: 100%;min-height: 425px;}</style>
<iframe id="cloudspotIframe" src="https://mdkauffmann-photography.client-gallery.com/gallery/wedding-portfolio/?nav=false&category=false" frameborder="0"></iframe>
<script src="https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/3.6.4/iframeResizer.min.js" charset="utf-8"></script>
<script>iFrameResize({}, '#cloudspotIframe')</script>
It works fine to display the images...until someone clicks on one to zoom in. Then the frame blows up to take up WAY more than the browser window and does not allow the full image to be displayed within a window.
I've tried trouble shooting with Cloudspot, they blame SqSp. I've asked SqSp - they won't touch custom code.
I've tried changing all of the size numbers - setting values instead of percentages, using defined height/width instead of min-height/min-width...It does it every single time.
I'm not a coder...anyone help in plain English?
