Page content missing from DOM

Design help General
1

Hey all, had to come to the forums for this one as I’m totally stumped… I’m just starting to set up/work on a site and it hasn’t got much yet. All looking and working fine in the designer, but on the published site the wrapper containing all the content (styles-main) isn’t just not showing up, it doesn’t even exist in the DOM..?

For context that may or may not be relevant, the custom code embeds contain code that’s almost identical to the code on every other site I’ve built (considerably less as I’ve only just started). Have tried removing the js libraries I thought might’ve been interfering. There is a bunch of custom elements but they’re all native HTML tags. Hard to debug when there’s literally nothing to inspect haha.

See attached below and also link to the read-only link.

CleanShot 2025-04-04 at 14.32.30
CleanShot 2025-04-04 at 14.32.301386×520 74.1 KB

CleanShot 2025-04-04 at 14.32.42
CleanShot 2025-04-04 at 14.32.42472×724 11.3 KB

link: read-only

2

Hi Claudia,

Your link isn’t working, and we’d need the published site link to the broken page as well.

However 99% chance you have malformed HTML in the <head> custom code area, either on the page or site wide. Something like a missing </script> tag or a typo.

3

Hey Michael, weird that the read only isn’t working? See here my prod website url and the staging one. I only have code in the global header and footer (which I tested removing and issue still occurred) see below header code:

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/default.min.css">

and footer:

<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>

<script>
document.addEventListener('DOMContentLoaded', (event) => {
  document.querySelectorAll('pre code').forEach((block) => {
    hljs.highlightElement(block);
  });
});
</script>

If there’s malformed HTML then I really can’t imagine it’s my doing. I have a couple code embeds but they’re all css, which I’ve triple checked and tried removing, too. Have tried different browsers (clearing caches) tested on my coworkers computer.

I’ve since rebuilt the site in a new webflow site and it works fine. Unfortunately this one, which my actual domain is currently attached to, seems to be broken at a level I’m unable to see.

4

Ignore me, resolved! Some css from highlight.js was interfering. Yet to figure out why, but the code block containing a custom theme I had was the only one I forgot to test. Appreciate your help anyway.