this html keeps popping up at the top of my page i need help getting rid of it i know it is something with the code but idk what bc i didnt mess with the code https://flashpointbeauty.org/?_cd=65027e26da052c30f9912c7dc13345f93c06b4eb2cebbb9685c863b7237587ab&_uid=106088923453
Topic summary
A Shopify store owner is experiencing unwanted HTML/JavaScript code appearing at the top of their website pages. The issue stems from improperly formatted code in the theme.liquid file.
Resolution Process:
- PageFly support representative Noah diagnosed the problem through screenshots of the theme code
- Solution involved removing specific code fragments and relocating the
class="gradient"attribute to the<body>tag - The original poster successfully resolved their issue following Noah’s step-by-step instructions
Current Status:
- A second user (Jimmy9ty6) has encountered the identical problem with their TrendFusion store
- They’re seeing Boomerang performance monitoring script code displaying visibly at the top of their header
- Screenshots of their theme code have been shared, awaiting assistance
Technical Note: The issue appears related to theme.liquid file structure where code snippets are rendering as visible text rather than executing properly in the background.
This is Noah from PageFly - Shopify Page Builder App
Hi @johnny5678 It is caused by the code in the theme.liquid file not being properly formatted or having fragmented code. You can take a picture of the source code in the theme.liquid file, I will find the error and help you delete it.
Thank you.
Best regards,
Noah | PageFly
@johnny5678 Thank you , Please follow image here, we need remove a little:
Hope my solution will help you resolve the issue.
Hi @johnny5678 please move class=“gradient” to in :
Your the best man thank you for all your help and god bless and have a good day
Thank you so much. Help a nice day 
!
Hey Noah,
Im having the same issue with my website and would really appreciate it if you can take a look at my code as well, this is the link to my website TrendFusion (thetrendfusion.myshopify.com)
this is the code that i always see on top of the header
"); } else { win._boomrl = function() { bootstrap(); }; if (win.addEventListener) { win.addEventListener(“load”, win._boomrl, false); } else if (win.attachEvent) { win.attachEvent(“onload”, win._boomrl); } } doc.close(); } var link = document.createElement(“link”); if (link.relList && typeof link.relList.supports === “function” && link.relList.supports(“preload”) && (“as” in link)) { window.BOOMR.snippetMethod = “p”; link.href = window.BOOMR.url; link.rel = “preload”; link.as = “script”; link.addEventListener(“load”, promote); link.addEventListener(“error”, function() { iframeLoader(true); }); setTimeout(function() { if (!promoted) { iframeLoader(true); } }, LOADER_TIMEOUT); BOOMR_lstart = new Date().getTime(); parentNode.appendChild(link); } else { iframeLoader(false); } function boomerangSaveLoadTime(e) { window.BOOMR_onload = (e && e.timeStamp) || new Date().getTime(); } if (window.addEventListener) { window.addEventListener(“load”, boomerangSaveLoadTime, false); } else if (window.attachEvent) { window.attachEvent(“onload”, boomerangSaveLoadTime); } if (document.addEventListener) { document.addEventListener(“onBoomerangLoaded”, function(e) { e.detail.BOOMR.init({ ResourceTiming: { enabled: true, trackedResourceTypes: [“script”, “img”, “css”] }, }); e.detail.BOOMR.t_end = new Date().getTime(); }); } else if (document.attachEvent) { document.attachEvent(“onpropertychange”, function(e) { if (!e) e=event; if (e.propertyName === “onBoomerangLoaded”) { e.detail.BOOMR.init({ ResourceTiming: { enabled: true, trackedResourceTypes: [“script”, “img”, “css”] }, }); e.detail.BOOMR.t_end = new Date().getTime(); } }); } })();
and attached are screenshots of the script from my theme coding