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

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/

G
L
G
5 comments

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.

Hi Grace. Thank you so much! I'll look for that! πŸ™‚

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

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

Add a reply
Sign up and join the conversation on Slack