Code showing on bottom of website regardless of page

Technical Q&A
, ,

Topic summary

A user encountered mysterious code appearing at the bottom of their website across all pages. The problematic code snippet included CSS for .video-wrapper with z-index: 9999 followed by garbled/reversed text.

Resolution:

  • Another user identified the issue’s location: the bottom of the theme.liquid file
  • The original poster confirmed this was an easy fix and successfully resolved the problem
  • A third user later reported this solution helped them with a similar issue

Technical context:

  • The issue affected all pages site-wide, suggesting a template-level problem
  • The garbled appearance indicated possible encoding issues or corrupted code in the theme file
  • Solution involved locating and removing the problematic code from the main theme template
Summarized with AI on November 13. AI used: claude-sonnet-4-5-20250929.
1

Hello fellas, I hope whoever is reading this is doing well. I have a quick question that I had to ask after a few attempts to troubleshoot this.

I did something probably so now .video-wrapper { z-index: 9999; } shows up at the bottom of my website, regardless of the page.

How do I find this code and remove it if possible?

Thanks in advance!

Screenshot_20.png
Screenshot_20.png1907×128 9.71 KB

2

If it shows on every page, I would check the very bottom of your theme.liquid file.

2 Likes
3

I knew it’s an easy fix. Appreciate it!

1 Like
4

Not a problem! Have a great rest of your day!

Happy coding!

5

This helped me too. Thanks so much!