Streaming live at 10am (PST)

Navigation placed at bottom to stick at the very top when scrolling next section


#1

I have my navigation placed at the bottom when viewing the first section (the one with the picture of me). When I scroll down to my portfolio section on the same page, I want the navigation bar to stay sticky at the top. Is this achievable in Webflow? How do I do it?

Public link:
https://webflow.com/design/newportfolio?preview=36a5997db9eda98547328284d2852ad6


#2

http://www.hongkiat.com/blog/css-sticky-position/

here you go =)


#3

Thanks PixelGeek! Got it in place now and the menu sticks..however..everything turns black after it sticks....what am I doing wrong here?


#4

that's another one i'm gonna steal (errr borrow) from mr pixelgeek smile


#5

By black I mean that as soon as the nav sticks to the top, everything goes black..like the nav is expanding and covering everything in black.

I've pasted the code from the http://www.hongkiat.com/blog/css-sticky-position/ site. I've haven't changed anything in the code once I got it from the Hongkiat.com site. In the Custom Code-area, the styling was placed in the "Add code to the tag" and the Jquery into "Add code before tag".

Down here are two images. The first one is shortly before the nav sticks and the second one is when the nav have sticked.
How do i get rid of the blackness?


:


#6

Anyone got a clue? I've been trying my best but can't solve it..:/


#7