Nav bar move to top when scrolling?

Hello,

I am trying to get my menu bar to move to the top of the page and stay fixed when scrolling, I’m using the interactions and left the initial appearance blank and in the scroll out I want it to move to the top of the page which is up about 220px, but when I try this it doesn’t work. Help?

restaurant-template-12d259.webflow.io

Any suggestions?

Hi @Quantumgo,

Can you please provide a read-only link here is how: http://forum.webflow.com/t/how-to-enable-a-webflow-share-link/2573/13. :smile:

Best
Ahmad

https://preview.webflow.com/preview/restaurant-template-12d259?preview=9d576621964b6a696203ef449eed79bd

There!

1 Like

Any idea? The interactions confuses me somewhat!

Hi @Quantumgo,

You are looking for an effect like this: Routalempi soittaa tanssimusiikkia ja pop/rock klassikoita 50-luvulta tähän päivään - tanssit - häät - ravintolakeikat - yksityistilaisuudet - Routalempi.

Ahmad, Yes thats exactly what I am trying to do! I would also like to make a background color appear when I scroll down! How can I achieve this? :smile:

Hi @Quantumgo,

Ill make a quick screencast on how to do this effect can you please tell me what background color you would like your nav to be?

Ahmad,

I would like rgba(245,229,217) please! :smile: Thanks so much!

1 Like

Hi @Quantumgo,

Sorry for the delay my internet was acting up here is the tutorial: Dropbox - nimbus.webm - Simplify your life.

Hope this helps if you need anything else don’t hesitate to ask me :smile:

Best
Ahmad

Ahmad,

Thanks so so so so so much this is exactly what I wanted!! You rock!

1 Like

ahmad,

Now I’m running into an error with the mobile landscape view, I can’t seem to make the scroll into view one invisible. How can I fix this?

Hi @Quantumgo,

Can you please update your read-only link currently it takes me to a 404 page :smile:

Best
Ahmad

https://preview.webflow.com/preview/restaurant-template-quantum?preview=9d576621964b6a696203ef449eed79bd

Thanks so much for all your help!

1 Like

Hey @Quantumgo,

Thank you so much for the kind comments :).

About the issue go in table view and select nav scroll and give it margin 0 that should fix it.

Best
Ahmad

Ahmad,

perfect, thanks! I’m still learning all of this so I appreciate all your help!

1 Like

Ah I got it! :smile:

1 Like

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