Made a new nav bar, how to make it sticky on scroll?

Hi there,

I made a new navbar and had a few questions. It currently has a transparent background because it display over a full width header image section, upon scrolling it is static, I’d like two things to happen which i cant figure out: 1. Change background color to white on scroll. and 2. Have it stick to the top of the screen upon scrolling.

Additionally, I made use of a 2 column grid where the logo is placed on the left side of the nav bar and the nav list should stick to the right, I just wanted to know if I implemented it correctly? It seems like it works as intended but im honestly not sure I have included a link:

Here is my site Read-Only: [LINK][1]