Hi, I am trying to understand the right way to create a Stick overlay Header that stays on top of a Hero Section with an Image. So I configure the Header to be Sticky and I love the way that hides and come back when I scroll , nice touch btw.
My Question is how to have an overlay Header? One way is to make the Header Section with position fixed so the main content start from the top of the page. But when I tell the header section to be fixed or absolute the animation of slide up after… is choppy.
The other way is to make the header section with negative bottom margin so to drag the main content up but I am not sure this is the right way. And my last choice is to give negative top margin to the first section of every page if want to have an overlay header on all my pages.
So what is the right way ? And this choppy slide up effect when the header section is with absolute or fixed position is fine or a bug?
Thanks!