Embedded ThriveCart checkout displays on desktop but not on mobile

Ken Fleisher

• March 11, 2024 15:12

I have a checkout cart built in ThriveCart that is embedded on my page. The cart displays correctly on desktop but is empty on mobile. I am viewing it on an iPhone 14+. 

The landing page is https://www.leorator.com/confidence-on-demand

 

0

• 

  Ariel H.

  • March 11, 2024 16:10
  • Edited

  Hi Ken,

  Thank you for reaching out to us.

  Upon checking, it seems that the container is being compressed in the mobile view.

  

  To fix this, please try setting the width of the container to 100% in both tablet and mobile views.

  

  I tested the issue on this link (https://quince19897199.brizy.site/) and it seems to be working fine now.

  
  Please try this and let me know how it goes.

  Best regards,
  Ariel H.

  0
• 

  Ken Fleisher

  • March 12, 2024 07:38

  Thank you for checking this. I see that your example with my cart does seem to work.

  I cannot find any containers where they are not 100%. I had thought of this and I deleted my side spacers for the tablet and mobile views, and changed it to 100% wherever I could see it. But I don't see anyplace left to change it and it still behaves the same. Can you please point me to where you changed the container width? Thank you!

  Please see my attached screenshots.

  Ken

  0
• 

  Ken Fleisher

  • March 12, 2024 07:38

  Hi again. I heard back from ThriveCart support. They confirmed a suspicion I had which is the cart will only load once per page to avoid payment issues. So I've deleted the extra sections for tablet and mobile, but I still don't see where to switch the width to 100%.

  Thanks.

  0
• 

  Ken Fleisher

  • March 12, 2024 07:38

  I finally found the culprit. There was one width set to 9% and this fixed it! Thank you so much for your help. Ken

  0

Please sign in to leave a comment.