Embedded form is cut off in Unbounce in mobile view

Buongiorno, ho integrato il mio modulo Jotform all'interno di una landing page di unbounce.

Il modulo risulta tagliato da mobile e bisogna scorrere per arrivare al tasto invia. Ho già settato dalle impostazioni interne di unbounce la dimensione corretta del modulo per il quale non dovrebbe essere tagliato ma la modifica non si vede dai dispositivi reali.

L'assistenza unbounce mi ha detto di contattare voi, come posso fare?

magari con un CSS personalizzato?

grazie!

Hi alessandroproveraetoro,

Thanks for reaching out to Jotform Support. It would help us to understand what’s happening if you could take a screenshot and send it to us. We have a guide here explaining how to do that. Also, please send us your form URL link so we can investigate what's happening.

Once we hear back from you, we'll be able to help you with this.

Hi, the screen as attachment.

The URL is: https://shop.goifruit.com/prova-i-nostri-nettari/

Hi Alessandro,

Try using the Iframe code below to embed the form to your site:

  <iframe

   id="JotFormIFrame-232504175226046"

   title="Compila il form"

   onload="window.parent.scrollTo(0,0)"

   allowtransparency="true"

   allowfullscreen="true"

   allow="geolocation; microphone; camera"

   src="https://form.jotform.com/232504175226046"

   frameborder="0"

   style="min-width:100%;max-width:100%;height:auto;border:none;"

   scrolling="no"

  >

  </iframe>

  <script type="text/javascript">

  var ifr = document.getElementById("JotFormIFrame-232504175226046");

  if (ifr) {

   var src = ifr.src;

   var iframeParams = [];

   if (window.location.href && window.location.href.indexOf("?") > -1) {

    iframeParams = iframeParams.concat(window.location.href.substr(window.location.href.indexOf("?") + 1).split('&'));

   }

   if (src && src.indexOf("?") > -1) {

    iframeParams = iframeParams.concat(src.substr(src.indexOf("?") + 1).split("&"));

    src = src.substr(0, src.indexOf("?"))

   }

   iframeParams.push("isIframeEmbed=1");

   ifr.src = src + "?" + iframeParams.join('&');

  }

  window.handleIFrameMessage = function(e) {

   if (typeof e.data === 'object') { return; }

   var args = e.data.split(":");

   if (args.length > 2) { iframe = document.getElementById("JotFormIFrame-" + args[(args.length - 1)]); } else { iframe = document.getElementById("JotFormIFrame"); }

   if (!iframe) { return; }

   switch (args[0]) {

    case "scrollIntoView":

     iframe.scrollIntoView();

     break;

    case "setHeight":

     iframe.style.height = args[1] + "px";

     if (!isNaN(args[1]) && parseInt(iframe.style.minHeight) > parseInt(args[1])) {

      iframe.style.minHeight = args[1] + "px";

     }

     break;

    case "collapseErrorPage":

     if (iframe.clientHeight > window.innerHeight) {

      iframe.style.height = window.innerHeight + "px";

     }

     break;

    case "reloadPage":

     window.location.reload();

     break;

    case "loadScript":

     if( !window.isPermitted(e.origin, ['jotform.com', 'jotform.pro']) ) { break; }

     var src = args[1];

     if (args.length > 3) {

       src = args[1] + ':' + args[2];

     }

     var script = document.createElement('script');

     script.src = src;

     script.type = 'text/javascript';

     document.body.appendChild(script);

     break;

    case "exitFullscreen":

     if   (window.document.exitFullscreen)    window.document.exitFullscreen();

     else if (window.document.mozCancelFullScreen)  window.document.mozCancelFullScreen();

     else if (window.document.mozCancelFullscreen)  window.document.mozCancelFullScreen();

     else if (window.document.webkitExitFullscreen) window.document.webkitExitFullscreen();

     else if (window.document.msExitFullscreen)   window.document.msExitFullscreen();

     break;

   }

   var isJotForm = (e.origin.indexOf("jotform") > -1) ? true : false;

   if(isJotForm && "contentWindow" in iframe && "postMessage" in iframe.contentWindow) {

    var urls = {"docurl":encodeURIComponent(document.URL),"referrer":encodeURIComponent(document.referrer)};

    iframe.contentWindow.postMessage(JSON.stringify({"type":"urls","value":urls}), "*");

   }

  };

  window.isPermitted = function(originUrl, whitelisted_domains) {

   var url = document.createElement('a');

   url.href = originUrl;

   var hostname = url.hostname;

   var result = false;

   if( typeof hostname !== 'undefined' ) {

    whitelisted_domains.forEach(function(element) {

      if( hostname.slice((-1 * element.length - 1)) === '.'.concat(element) || hostname === element ) {

        result = true;

      }

    });

    return result;

   }

  };

  if (window.addEventListener) {

   window.addEventListener("message", handleIFrameMessage, false);

  } else if (window.attachEvent) {

   window.attachEvent("onmessage", handleIFrameMessage);

  }

  </script>

If the issue persists, let us know so we can investigate further.

Give it a try and let us know how it goes.