Shopify themes, liquid, logos, and UX
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 <div> 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.
Hi @Junglehouseia,
Please send me the code of layout > theme.liquid file, I will check and guide you
Discover how to increase customer engagement on your store with articles from Shopify A...
By Jacqui Apr 23, 2025Hey Community 👋 Did you know that March 15th is National Everything You Think Is W...
By JasonH Apr 1, 2025Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025