“html” section at the top of all pages after upgrade

Technical Q&A

Topic summary

A store owner encountered an issue after upgrading their Shopify theme using Out of the Sandbox’s AI Theme Updater App. A white bar displaying the word “html” appeared at the top of every page.

Root Cause:
The problem stemmed from stray code in the theme.liquid file—specifically markdown code fence markers (html and ) on lines 3 and 14 that weren’t properly removed during the automated migration.

Solution Provided:
Multiple users recommended:

  • Navigate to Online Store → Themes → Edit code
  • Open the theme.liquid file in the layout folder
  • Locate and remove the errant “html” text or code markers at the beginning of the file

Alternative troubleshooting steps included checking for unwanted Custom HTML sections in the theme customizer or duplicate app snippets.

Resolution:
The issue was successfully resolved by removing the stray code from theme.liquid as suggested.

Summarized with AI on October 25. AI used: claude-sonnet-4-5-20250929.
1

I upgraded to Out of the Sandbox Turbo last week using their paid AI Theme Updater App. It all went well except a new section appeared at the very top of every page. It has white background and the word “html” . Have done several updates on this website and I have never encountered such an issue. I uploaded a picture. Would really appreciate some thoughts on sorting this out. Thanks in advance.

error
error1906×234 37.6 KB

2

Go to your store admin > Sales channels > Online store > Themes > click “…“ > Edit code, opent theme.liquid file, find and remove that word, it should be at the very top of your file.

3

That white bar with just the word “html” showing at the very top usually means there’s a leftover custom code block or snippet that didn’t migrate cleanly during the theme update. A couple of things you can try:

  1. **Check theme editor:
    **

    • Go to Online Store → Themes → Customize and see if there’s a new “Custom HTML” section added at the very top of the layout. If so, just remove it.

  2. **Inspect theme code:
    **

    • In theme.liquid (or your layout file), look for any stray or {% section ‘custom-html’ %} that may have been inserted during the update. Remove or move it.

  3. **Check for duplicate app snippets:
    **

    • Sometimes the Updater App duplicates app embed code. Search your code for “html” or “custom html” and clean up.
1 Like
4

To give you some hints on where to look – these are on lines 3: ```html and 14: ```

Screenshot 2025-08-28 at 12.55.51 PM
Screenshot 2025-08-28 at 12.55.51 PM528×274 25.1 KB

5

Hi @Storeowner4,

Please go to Actions > Edit code > layout > theme.liquid. At the beginning of the file, try to find and remove it. And it will display fine.

1 Like
6

This was very useful, thank you. The issue is resolved now.

7

Thank you for the swift and helpful response. It’s all resolved now.