I need help removing a white bracket in the very upper left-hand corner of my site. I’ve only added a couple pieces of code to the base.CSS in the assets folder, which you can see in the screenshot. It starts with @media screen and goes to the bottom. I’ve also added some fonts as assets in the asset folder, but I haven’t actually used them on my site. Any ideas on where this random bracket is and how I can remove it?
share screenshot of your theme.liquid file
The white bracket in the upper left corner of your site is likely caused by an unclosed tag, extra character, or misplaced CSS rule. Since you modified base.css, check the @media screen block for stray brackets or syntax errors. Also, inspect your site using Chrome DevTools (right-click → Inspect) to locate any unwanted elements.
In Shopify, unintentional characters can sometimes appear in theme.liquid, header.liquid, or other templates. Look for an empty
or stray { in these files. If found, either remove it or hide it using CSS (display: none;).
Although you haven’t applied the uploaded fonts, try commenting out @font-face in base.css to rule out conflicts. If the issue persists, test by reverting changes or using a default theme.
1 Like
Hi @Junglehouseia ,
Please send me the code of layout > theme.liquid file, I will check and guide you