Theme interfering with Code Embed?

With all the fires around the Bay Area, I am trying to create a custom air quality dashboard for my family by displaying widgets from PurpleAir. For example, go to https://www.purpleair.com/map?opt=1/a/i/mAQI/a0/cC0&select=54407#13.94/37.74642/-122.43015 and click on any sensor – it has a “Get this Widget” link at the bottom.

It seemed straightforward enough with CodeEmbed, but it’s not working. I have the following entered into my custom field for CODE1:

`<div id=”PurpleAirWidget_20709_module_AQI_conversion_C4_average_10_layer_standard”>Loading PurpleAir Widget…</div>
<script src=”https://www.purpleair.com/pa.widget.js?key=NPPG65F411X9H7BZ&module=AQI&conversion=C4&average=10&layer=standard&container=PurpleAirWidget_20709_module_AQI_conversion_C4_average_10_layer_standard”></script&gt;

and am calling CODE1 on the page. When the page loads, it shows the “Loading…” text but something is causing the header to load improperly and the widget does not display. My site is fully updated, as is the theme that I am using (Twenty Seventeen)

Any ideas how to fix?

• This topic was modified 4 years, 6 months ago by dmaltz.

The page I need help with: [log in to see the link]