help removing white bracket from header

Store Design
, ,

Topic summary

A user is experiencing an unwanted white bracket appearing in the upper left corner of their Shopify store. They’ve recently added custom CSS code (starting with @media screen) to the base.css file in the assets folder and uploaded some fonts, though the fonts aren’t yet in use.

Suggested troubleshooting steps:

  • Inspect the @media screen block in base.css for syntax errors, stray brackets, or unclosed tags
  • Use Chrome DevTools to identify the unwanted element in the browser
  • Check theme.liquid, header.liquid, and other template files for empty <div> tags or stray characters like {
  • Comment out any @font-face declarations to rule out font-related conflicts
  • Consider reverting recent changes or testing with a default theme

Status: The issue remains unresolved. Multiple users have requested the theme.liquid file code to provide more specific guidance.

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

IMG_8739.jpeg
IMG_8739.jpeg1206×560 32.8 KB

IMG_8740.jpeg
IMG_8740.jpeg3023×2524 1.19 MB

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?

2

share screenshot of your theme.liquid file

3

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
4

Hi @Junglehouseia ,

Please send me the code of layout > theme.liquid file, I will check and guide you