Placement of footer and navbar; empty space on top of page

Design help General
1

Good evening everyone,

I’ve run into a particular problem with my layout.
At the top of my page (mostly in mobile layouts or tablets) is an empty space that I just can’t get rid of… Does anyone have any tips on how to fix this?
In general, I seem to be struggling with the placement of my footer+navbar, as my footer doesn’t behave responsively on mobile layouts either.

I decided to fill the “holes” between my blocks with a divblock called “BackgroundBlock” scaled to 100vh, could this be part of the problem?

Thanks to anyone who can help me out here!

Lukas

Here is my page read-only:
https://preview.webflow.com/preview/race-by-wire?utm_medium=preview_link&utm_source=designer&utm_content=race-by-wire&preview=46e680b8278f0a09291e5598f541a28f&workflow=preview

2

First need to set up 0 margin on the container that holds the nav (its with 88px by default idk why), and then set fixed on top

image
image242×820 22.5 KB

3

That worked out really well already!
Thanks alot Bimbi :slight_smile:

Would you also happen to know how i could fix the position of the footer in a responsive way?
It works out pretty well on the sites with text but on the HOME site it wont adjust correctly on mobile :confused: