Streaming live at 10am (PST)

Navbar links to sections not working properly


#1

Hey everyone,

I’m having a little problem with the navbar that I’m doing for this website and I would like to see if any of you can help me with this.

Here is the website

Every link to section in the navbar doesn’t go all the way to a new section when clicked.
I believe it is counting the navbar height as part of the section too (I want the navbar to be above each section)

It is problem something super easy to fix but I can’t seem to wrap my head around this and it’s driving me crazy.

Thanks,
Gus


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


#2

Hi @gustaluz

As far as I know this is a built in feature (there are a few posts about it on the forum) when using the Webflow navbar element - so the section top and navbar bottom match up - but doesn’t float over - which is what I think you are aiming for.

Good news is you don’t have to use the native navbar, so deleting it and creating your own will fix this:

  • 100vw div (height as desired)
  • Drop in your logo element and some new link blocks and style accordingly
  • Make the background transparent
  • Fixed position.

You should then find that links to a section go all the way and this new transparent navbar floats on top.

Hope that helps?


#3

Thanks Stu! Problem fixed :slight_smile:
Thanks for the help