Sticky Navabar pushes section down

Design help General
1

Hello!
I am new to webflow, please help! I want my sticky navbar lay over/ontop of my 1st section (“section intro”). But Instead of laying ontop of it it pushes the following section down, creating empty space under the section. I don’t want this. If I switch the section’s position from “realtive” to “absolute” everything seems right, BUT: then the 2nd section “Section Commercials” disapperars behing my first section… Please help!
Here is a link to my site:
https://preview.webflow.com/preview/svends-marvelous-site?utm_medium=preview_link&utm_source=designer&utm_content=svends-marvelous-site&preview=b4b853c7e32a418ea33a60e442f1649c&workflow=preview

Thanks!

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

2

Hi @svend, welcome to the Webflow community!

You’re positioning many of your elements with absolute and fixed. This results in unwanted spaces, overlaps, etc. It’s difficult to present you with an easy solution, because many of your elements are positioned a bit unusual.

I’d suggest you to look into the basics of CSS layout and positioning. This will make things a lot easier for you. Another tip: Look at the official Webflow templates and/or cloneables from the Community and inspect how they are set up. You can transfer these structures and ideas into your own project.

1 Like