Sticky nav header not working

Hello! I think I did it right here but the nav header is not sticky.

Can someone please help? I want that top nav where it has the site name and menu to be sticky when scrolling down. Here is the read only link

Hello @mhirano1205, the position sticky is not working because your body is set to overflow: auto, sticky only works with overflow: visible. Make sure you select just your body tag and set it to visible and it should work like you want.
Screen Shot 2023-06-03 at 2.55.35 PM
Also, I see you have a lot of styling in your body tag, you should try to apply those styles to parent divs rather than the body itself. I hope this helps.

Ah thank you so much! It’s working now. And thanks for the tips on the body tag as well, I will do some cleanup.

1 Like