Empty added beam top of page

ThomasKronevald · ‎04-30-2025

Skærmbillede 2025-04-30 kl. 11.44.21.png www.ebbandflow.com

Top of page we suddenly have an empty beam with the letters "el" far to the left. See image. I have checked page but there is no added section - so I am thinking code?

Any ideas how to solve?

Darshan17 · ‎04-30-2025

Hi ThomasKronevald,

Open theme.liquid:

Go to your Shopify admin panel and navigate to Online Store > Themes.
Find the active theme and click on Actions > Edit code.
Open the theme.liquid file, which is usually located under Layout > theme.liquid.

Check Below the <body> Tag:
- Look for any unexpected code after the opening <body> tag.
- You may see code like this: <div>el</div> or any malformed HTML. This is likely the culprit.
- If you find the "el" text, remove it if it's not part of the intended content.
  
  This will solve your real issue don't try to hide them using css.

If this fixed your issue, a Like and marking it as a Solution would mean a lot!
Shopify Developer | Helping eCommerce Stores Grow – cmsMinds (Shopify Partner)
Need help improving your Shopify store to stay ahead of market trends or need expert support?
 Connect with me at ujjawal@cmsminds.com

View solution in original post

Mustafa_Ali · ‎04-30-2025

<style>
body.template-index.loaded.shopify-body-section-header-sticky {
    margin-top: -27px !important;
}
</style>

Go to online store ----> themes ----> go to three Dots ----> edit code ---->find theme.liquid files ----> place the code ---->
before the body ----->
if this code work please do not forget to like and mark it solution

ThomasKronevald · ‎04-30-2025

Not working sorry

Darshan17 · ‎04-30-2025

Hi ThomasKronevald,

Open theme.liquid:

Go to your Shopify admin panel and navigate to Online Store > Themes.
Find the active theme and click on Actions > Edit code.
Open the theme.liquid file, which is usually located under Layout > theme.liquid.

Check Below the <body> Tag:
- Look for any unexpected code after the opening <body> tag.
- You may see code like this: <div>el</div> or any malformed HTML. This is likely the culprit.
- If you find the "el" text, remove it if it's not part of the intended content.
  
  This will solve your real issue don't try to hide them using css.

If this fixed your issue, a Like and marking it as a Solution would mean a lot!
Shopify Developer | Helping eCommerce Stores Grow – cmsMinds (Shopify Partner)
Need help improving your Shopify store to stay ahead of market trends or need expert support?
 Connect with me at ujjawal@cmsminds.com

ThomasKronevald · ‎04-30-2025

Thank you!

Solved ! Enjoy your day and thank you for your help.

jonrin0213 · ‎04-30-2025

@ThomasKronevald

Without seeing your codebase, it's a bit difficult to determine where it’s coming from.

However, please first check the top line in the layout/theme.liquid file.

1. From your Shopify admin, go to Online Store > Themes.
2. Find the theme that you want to edit, click the ... button to open the actions menu, and then click Edit code.
3. Open the file layout/theme.liquid and try to find el at the top of the file

Please let me know if you can't find it.

Was my response useful?  Click Like to let me know!
Was your query resolved? ✓ Mark it as a Resolved Solution
If you need custom Shopify changes, ⚒️you can hire me.
Contact me at ✉️jonathan.rincon0213@gmail.com.

Empty added beam top of page

Empty added beam top of page

Community Blog Articles