I am having an issue with a javascript form being served externally from Hubspot breaking out of container and displaying in the footer.
This only happens in Chrome but not consistently… reloading the page will make it show properly although it can take 5 tries, sometimes less. Also when it displays in the footer, it looses its css styling and 3 of the form boxes.
If you go to https://causenta.com and scroll down almost to the bottom you will see a section that has a very light background image with the heading “Call us today! Request a 30-Minute Free Consultation”. Using the Chrome browser if you reload the page multiple times you will see that sometimes displays in that section and most of the time in the footer.
This is ONLY happening in Chrome not Firefox
I seem to have found some css that was offered to another person having the same issue that seems to have worked:
@media only screen and (max-width:767px) {
#top.page-id-54 .flex_column_div.avia-builder-el-14 {
padding-left: 0 !important;
padding-right: 0 !important;
}
}
but it still breaks out after reloading the page about 5 times the on the 6th reload it goes back to normal…
anyway to open the iframe container just a little more?
Hi wilson.paul,
Could you please clear the cache, check again and get back to us.
Are we talking mobile sizes here?
Could you please attach some screenshots of the issue?
Best regards,
Victoria