Hey @savageattitude ,
Can I have the store URL, and a screenshot of what you are seeing?
Topic summary
A user is experiencing an issue where random code appears above their website header. Upon examination, the provided Liquid code reveals that a significant portion of CSS variables and styling rules are displayed in reverse (mirrored text).
Key observations:
- The reversed code includes CSS custom properties for grid spacing, section spacing, shadow effects, border properties, and popup/card styling
- Variables like
--grid-desktop-vertical-spacing,--reward-shadow-blur, and--popup-corner-radiusappear backwards - The malformed code is embedded within the
<head>section of the theme file
Current status:
- Another user has requested the store URL and a screenshot to investigate further
- The original poster provided their store URL (savageattitudethreads.com) and mentioned discovering this issue when attempting to make the site live
- The site has not been launched yet due to this problem
Likely cause: The reversed text suggests either a file encoding issue, corrupted theme file, or accidental text manipulation during editing.