embedded ThriveCart checkout form not loading on mobile version

[FANER]

I want to embed a checkout form on a client’s website. On the desktop version, it works perfectly using the provided code. It also works in mobile mode as long as I don’t create a separate mobile version of the site.

However, once I create a dedicated mobile version—which is necessary since most users visit the site on mobile—the form no longer loads (or is not displayed).

Where is my mistake in thinking?

Here is the embed code provided by ThriveCart:

<div data-thrivecart-account="robertherrmanncoaching" data-thrivecart-tpl="v2" data-thrivecart-product="1" class="thrivecart-embeddable" data-thrivecart-embeddable="tc-robertherrmanncoaching-1-4BE8KG"></div><script async src="//tinder.thrivecart.com/embed/v1/thrivecart.js" id="tc-robertherrmanncoaching-1-4BE8KG"></script>

Here is the link to a page with the embedded form.

May anybody helps?

[samfrancis]

Looks like a mobile layout issue, not the embed code.

When you create a separate mobile version, the desktop elements don’t carry over. Your ThriveCart block probably isn’t added (or is hidden) in the mobile layout.

Just re-add the embed in the mobile version and it should work

[FANER]

hej @samfrancis, thanks for your answer.
of course I embedet the code also in the mobile layout, it is just not showing up.

Gridder Desktop

Gridder Mobile