Stick Nav Bar to Top of Screen

Ask for Help
1

Hi guys,

Has anyone come up with a way to keep the top nav bar glued to the top of the screen while scrolling.

I’m using CSS to make the bar transparent and display a logo in place of the usual text display. Due to that, the screen looks off when scrolling down - particularly when there is search on the page.

Has anyone come up with a fix?

Picture of screen: IMG_2361.PNG - Google Drive

2

Try the make the top background white and add the logo!
That should put the screen scroll view behind and scroll looks better

3

I agree, however for design reasons, I’d like to keep the top background colored and the lower element white

Is it possible fix stick the nav bar to the top of the screen?

4

Not sure if -webkit-sticky would help, but worth a try if you can target the parent element of that nav bar.