Hubspot form not shoing on mobile devices

Store Design

Topic summary

A Shopify store owner encountered an issue where HubSpot forms displayed correctly on desktop but failed to appear on mobile devices.

Initial Problem:

  • HubSpot form embedded using Liquid code section wasn’t rendering on mobile
  • Previous CSS solutions from other forum posts were unsuccessful

Solution Provided:
A community member (Moeed) provided step-by-step instructions:

  • Navigate to Online Store → Edit Code → theme.liquid file
  • Add specific code snippet above the </body> tag

Outcome:

  • The solution successfully fixed the initial form (custom-form page)
  • However, additional forms on other pages (account/register and pages/find-a-vet) experienced the same mobile display issue
  • The user resolved these by adding the code snippet multiple times with adjusted values for each form
  • All forms are now displaying correctly on mobile devices

Status: Resolved - all HubSpot forms now functioning across mobile devices after implementing the code fix multiple times for different form instances.

Summarized with AI on November 4. AI used: claude-sonnet-4-5-20250929.
4

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 tag

RESULT:

Moeed_0-1731000818292.png
Moeed_0-1731000818292.png348×746 13.4 KB

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

Best Regards,
Moeed

1 Like