Hubspot Form doesn't always appear in the correct position on web page

[estabanj]

You contact us form doesnt always appear in the correct position

See attached

The url is https://www.appdome.com/company/contact

I see this on safari Version 10.1.1 (12603.2.4) and OSX 10.12.5

I can reproduce this problem using private browsing and a refresh will make it look ok

I have seen this on multiple computers and browsers now

[stefen · Accepted solution]

@estabanj in the past when this has happened with me I fixed it by specifying a "target" in the embed code. e.g.:

<div id="embed-the-form-here"></div>

<!--[if lte IE 8]>
<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/v2-legacy.js"></script>
<![endif]-->
<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/v2.js"></script>
<script>
  hbspt.forms.create({ 
    portalId: 'XXXXXX',
    formId: 'XXXXX-XXXXX-XXXXX-XXXXX',
    target: '#embed-the-form-here'
  });
</script>

[estabanj]

Thanks stefen that sounds like the problem. I did a search on target: and embed code and found a knowledge base article https://knowledge.hubspot.com/articles/kcs_article/forms/why-has-my-embedded-form-moved-on-my-page that describes my problem and how to fix.

Thanks for sending me in the right direction. I will confirm when fixed