Hubspot form not shoing on mobile devices

[HTB]

Hello,

I have a page that has a hubspot form that displays on the website but doesnt display on mobile devices.

How do i get it to show on mobile devices? I have tired to edit css file from other topics that have been posted without success.

The hubspot code is:

<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/embed/v2.js"></script>
<script>
hbspt.forms.create({
region: "XXX",
portalId: "XXXXXXX",
formId: "XXXXXXXXXXXXXXXXX"
});
</script>

I have placed it on a page using liquid code section that lets me paste the code on the page.

Any help is greatly appreciated!!

Thanks!

Jon

[Moeed]

Hey @HTB 

Can you send me the link of the page that has the Hubspot form on so I can have a look?

Best Regards,

Moeed

[HTB]

https://hilltopbio.com/pages/custom-form

[Moeed · Accepted solution]

Hey @HTB 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
@media screen and (max-width: 767px) {
.section-template--15622402179166__custom_liquid_WTjd8N-padding {
    padding: unset !important;
}
div#hbspt-form-56282de3-8d50-4789-8667-f999a5179a3b {
    padding: unset !important;
}
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[HTB]

Thats Great! Thank you!

It worked for that form but not one of the other forms on the site.

Do i need to add that code to another location?

The other form is here: https://hilltopbio.com/account/register

Thanks again for your help!!!

[HTB]

same with this link as well - https://hilltopbio.com/pages/find-a-vet

[HTB]

i added it in 3 more times with the code values changed. its working so thank you for your help!