help removing white bracket from header

help removing white bracket from header

Junglehouseia
Visitor
1 0 0

IMG_8739.jpeg

IMG_8740.jpeg

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?

Replies 3 (3)

Asad-Mahmood
Shopify Partner
413 69 81

share screenshot of your theme.liquid file

If my solution has been helpful, you can consider supporting me via Buy Me a Coffee.
Hire me: asadmahmood8470@gmail.com
WhatsApp
Fiver




pacetech
Visitor
1 0 1

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.

namphan
Shopify Partner
2689 349 398

Hi @Junglehouseia,

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

Coffee tips fuels my dedication.
Shopify Development Service
PageFly Page Builder Optimize your Shopify store (Free plan available)
Need help with your store? namphan992@gmail.com