Streaming live at 10am (PST)

Nav bar move to top when scrolling?


#1

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?


#2

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


#3

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

There!


#4

Any idea? The interactions confuses me somewhat!


#5

Hi @Quantumgo,

You are looking for an effect like this: http://www.routalempi.fi/?.


#6

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:


#7

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?


#8

Ahmad,

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


#9

Hi @Quantumgo,

Sorry for the delay my internet was acting up here is the tutorial: https://goo.gl/aUByoS.

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

Best
Ahmad


#10

Ahmad,

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


#11

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?


#12

Hi @Quantumgo,

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

Best
Ahmad


#13

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

Thanks so much for all your help!


#14

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


#15

Ahmad,

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


#17

Ah I got it! :smile:


#18

#19

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