Footer hiding under my nav bar

Design help General
1

footer
footer1478×800 184 KB

footer2
footer21471×758 139 KB

Why is my footer hiding under the navbar on some pages, but not on others? It happens when I set position: relative, which I need to do to make it behave on the other pages. If I set it absolute, it sits right through the middle of all pages like on attached screenshot.

And I don’t want to have it sticky or fixed.

I have tried to apply padding to main-content, like I read in a similar post. No luck.

Thank you!

Here is my site Read-Only: [LINK][1]
([how to share your site Read-Only link][2])

[1]:

footer2
footer21471×758 139 KB
Webflow - Final Project
[2]: Share a read-only link | Webflow University

2

in columns position change to static.
look video
please take a look at it.

3

Thank you!
The video is a little bit blurry, so I cannot really see, what you are doing with the nav-bar though, so I cannot say yet if it helps me.

4

@Lipsync download video

1 Like
5

Thank you @guoshuzhang.
Do you have any idea why suddenly my columns look like this (picture). It slike there is no room for them?

columns2.PNG
columns2.PNG1529×825 215 KB

6

Nevermind, I think I fixed it, thank you!

7

@Lipsync maybe you can use grid rebuild layout
please take a look at this

1 Like