Problem of Sticky NavBar hides after scrolled on certain point

Good Day,

As topic above, my Sticky NavBar hides after scrolled on certain point which is not what i intended, i need it to be appear all along the way.

I don’t do any trigger or animation on any section. Even i set an empty section of 5000 px height, it still auto hides on certain point.

How to i solve it? please give me a solution.
Here the site: Link

Regards

Try ‘fixed’ positioning instead of ‘sticky’.

Good Day,

i have tried Fixed positioning before does not solve the problem for this design i made. please have a look on the project first.

Regards

I did look at your design. You said that you would like the nav bar to be visible at all times, and fixed positioning IS a way to achieve this. Of course, you would then have to adjust other things too so that your layout looks the same.

if used fixed positioning, it hides the first Section, which is not we wanted. Even after adjusted the navbar with padding, and when scroll down, it left a padding space, which is not we wanted too. so what else other thing we can adjust?

Anyways i already find the solution by myself by looking the html markup.
Body height : auto will solve the problem of the sticky bar that i face instead of body height : 100% .