SOLVED: Footer overlapping with body

Design help General
1

Dear Webflow support,

can you please help me out with the following issue?

if you go to the following page, you will see that the footer is not at the end, but is overlapping with the body.

https://www.genome.one/resources/news

I created a copy of the page some time before as a backup.
I compared all settings from both sides, but couldn’t find any differences in terms of position.

The current position settings are:

Hope you have an idea, what went wrong and how I can fix this.

Please note that the footer only seems to have an issue on this page, but not on the other pages.

Cheers,

Khoi

Here is my public share link: LINK

2

Hi @khuynh, thanks for your question. Could you also please share the read-only link to the site? Share a read-only link | Webflow University.

Thanks in advance!

Regards,
Dave

3

sure

https://preview.webflow.com/preview/genomeone-hcp?preview=3ec54721df2bdba611b33dd441632abf

4

Hi @khuynh, thanks so much for the read-only link. The issue seems to be that on the page, the last section before the small footer symbol has a fixed height of 495px, and the Section nested class is having overflow visible.

There is a dynamic list inside of that section, which has content longer than 495px, so it appears that the footer is floating above the other content, when in reality, it is the content in the section which is overflowing the 495px height.

My suggestion is to change the Section class to have a height of Auto instead of 495px, and then the footer should appear normally.

See my attached screenshot:

1038×692 83.7 KB

I hope this helps!

4 Likes
5

Awesome, thanks a lot.

That solved the problem!!

6

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.