Community forum for knowledge and support

Updated 9 months ago

Troubleshooting White Space Above Navbar and Below Footer

At a glance

A community member is working on a website for a metalsmith friend and is seeing a thin strip of white space above the navbar and below the footer on the live site, but not in the designer. Another community member suggests the issue may be caused by zero-width spaces in the code, which are appearing as (‍) in some parts. The community members discuss how to remove these spaces from the source code in Webflow, and one shares a read-only link to the site to help identify the issue.

Useful resources

LLaurie Erickson

Hi. I am working on a website for a friend who is a metalsmith. I have most of the site laid out, but I am seeing a thin strip of white space above the navbar and below the footer. I don't see it in the designer, only on the live site. I can't figure out where it is coming from. I have a backup copy of the site and can share a link. This is my first time using Slack, so I don't know what I am doing...
https://linda-weiss-design-e57347ec91ae313f37a9.webflow.io/

5 comments

GGrace

Hi Laurie, you seem to have some zero width spaces which turn up as (‍) in some parts of your code. Below the body and within the script section that is probably adding those spaces in there on the live site. You need to get rid of those then you should be fine.

LLaurie Erickson

Hi Grace. Thank you so much! I'll look for that! 🙂

LLaurie Erickson

Ho do you remove something like that from the source code in webflow? Is there a tool for editing source code?

GGrace Kim

If you share your read-only link, might be able to catch it.

LLaurie Erickson

Thanks! Here's a read-only link:
https://preview.webflow.com/preview/linda-weiss-design?utm_medium=preview_link&utm_sou[…]n&preview=241c5c05e0d84a182327a61f60b4f0df&workflow=preview

Add a reply