How to place a logo on top of the navigation bar. But on scroll the navigation bar should overlap the log and be placed on top??

Question

just like the w3schools.com website. on scroll the nav bar should overlap the logo and must be placed on top of everything.

Answer 1

You could look at setting the z index of the nav higher than the logo in CSS.

Answer 2

Sorry guys you are wrong. Just use position:sticky;
top:0;
to bring nav bar on top when you scroll.