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; }
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:
- Go to Online Store → Themes → Customize
- Check each section at the top of your homepage, especially Custom Liquid, Rich Text, Custom HTML.
- If you see something like or just delete it and save.
Hope it helps.
Let me know when you need further guidance.
Good luck.
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
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
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
