Community forum for knowledge and support

Updated 10 months ago

The White Space at the Bottom of the Footer

At a glance

The community member is experiencing a white space issue at the bottom of the footer on their website, and they are unsure if it is a bug or something they have done wrong in Webflow. The community members suggest trying different browsers, including incognito mode, to see if the issue is browser-related. They also suggest adding more content to the page to see if that resolves the issue. One community member mentions that the issue may be related to the viewport and the content not filling it, and suggests adding a minimum height of 100vh on the main element. Another community member suggests the issue may be related to a removed LinkedIn icon, and recommends adding it back to see if that resolves the problem. However, there is no explicitly marked answer to the issue.

Useful resources

Why does my site have a fat white space at the bottom of the footer?
Have I done something wrong in webflow or is that some kind of bug?

N
B
M
18 comments

can you send a link?

I don't see it.
Perhaps it's due to some browser extention.
Take a look on a different browser, and in incognito mode.

Original screenshot is in chrome on ipadOS
Here is Firefox. Still has a little bit of white.

I don't have any browser extensions

What would incognito mode do?

Which browser are you using?

Incognito will not use any browser extensions. I'm using Chrome.
What is the link to the exact page on your screenshot?

Try adding one more section to that page, and send the result

K will do, I'm on an iPad so that is basically too painful / impossible but will do on my Mac later

I need to inspect the css to see what is being applied by chrome

If the white space is only on that page, then the content of the page is simply not 'filling in' the viewport.
The space you see isn't margin, but simply empty space below the content.

Must be a chrome thing. I get what the viewport is just not sure why I'm seeing this is all, appreciate your help.

I'm pretty sure it's not a bug, just user error.
Try adding minimum height of 100vh on main and see it footer is pushed down. Or just add more sections

It is only on chrome on iPadOS. Add in more sections won't do anything it is already way higher than the viewport. I haven't done anything to the layout other than pasting in Relume components so wondered if it was a Relume or Webflow issue that others have encountered.

I spent 2 hours on this one time - no joke.

You see that linkedin icon? Is it an SVG?

Looks like you removed it - did you resolve the issue?

you should add it back (linkedin icon) and see if it comes back - you are going to want to know what my issue was after 2 hours of banging my head on the desk trying to figure it out....

Yes so much head banging!
Thank you for sharing my pain Matt.

Add a reply
Sign up and join the conversation on Slack