Hi, I have two different embedded Klaviyo forms that are displayed based on the user's screen size, either for mobile or desktop. The correct form is supposed to be shown depending on the user's device.

However, when I inspect the page in my browser, I notice that only the first form in the HTML structure is being loaded properly, while the second one remains an empty <div>.

Can someone help me find a solution to this issue?

Example of the structure of my <div> elements:

DT:
<div class="klaviyo-form-XXXXXX"></div> 

MB:
<div class="klaviyo-form-XXXX"></div>