White space on top of page won't get removed

[herahera]

there's a white space on top of the page of my website, I've been trying to find the code to remove it, or override it with other codes such as the code below, but nothing is working pls help. the website is herajewelleryeg.com

body, html { margin-top: 0 !important; padding-top: 0 !important; } .shopify-section:first-child { margin-top: 0 !important; padding-top: 0 !important; } header, .header-wrapper, .announcement-bar, .announcement-bar-section { margin-top: 0 !important; padding-top: 0 !important; } .page-width, .main-content { margin-top: 0 !important; padding-top: 0 !important; }

[Emre_SecretHero]

Hi @herahera,

Hi! I inspected your site and noticed there's a hidden character at the top of the page: &ZeroWidthSpace . It's an invisible character that can still take up vertical space and cause layout issues.

Here's how to fix it:

1. Go to Online Store -> Themes -> Customize
2. Check each section at the top of your homepage, especially Custom Liquid, Rich Text, Custom HTML.
3. If you see something like ​ or ​ just delete it and save.
   
   

Hope it helps.
Let me know when you need further guidance.

Good luck.

[Jack_Khan_Baba]

you have added text right after the body tag start.

to remove it go to theme.liquid and check in body tag.
or provide me collabrative access

[Kyle_liu]

Hi @herahera 

Please edit your theme code and search for information about '@ ZeroWidthSpace'; ”The relevant code may only display a simple line break during code editing

[DaisyVo]

Hi @herahera 

You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file theme.liquid and remove this code 

Best,

DaisyVo