How can I fix iFrame code issues for optimal mobile viewing?

Technical Q&A

Topic summary

A website owner is experiencing mobile display issues with an updated iframe embed code from their diamond search supplier. The original JavaScript embed worked well across devices, but the new iframe code provided by the supplier is problematic.

Key Issues:

  • The new code contains malformed HTML with nested iframes and style tags improperly placed inside the src attribute
  • Desktop functionality was partially achieved with modified code, but mobile optimization remains broken
  • The supplier has been unhelpful in resolving the implementation problems

Technical Details:

  • Original code used a clean JavaScript embed approach
  • New code attempts to use responsive CSS media queries but has structural errors
  • The code includes multiple breakpoints for different screen widths (374px to 1166px)

Current Status:
The discussion remains open with no solution yet provided. The poster is seeking community help to properly structure the iframe code for optimal mobile viewing.

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

Hi!

I have a supplier whom I use to show our customers a built in Diamond Search on our site. For years it has worked really well on Desktop & Mobile but they have reworked the interface recently and supplied us with a new code. It absolutely does not work and they are not very helpful in sorting this out. Hoping someone here is able to help figure this out.

Original Code:

New Supplied Code:

When I save the new code in a Page it gets all jumbled and looks like this after saving:

I was able to sort of get it working on Desktop with the following code but when loading on mobile it is unoptimized:

The unoptimized mobile code can be found live on my page now:

https://www.cirellijewelers.com/pages/diamonds

Lastly not sure why but I’ve noticed a need to reload this page at least once for it to populate correctly. Maybe it’s something on the source page or maybe it’s related to something on my end but if anyone has insight as to why that would be awesome too.

Appreciate any and all help in advance. Thanks!