Problem of Sticky NavBar hides after scrolled on certain point

Design help General
1

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

2

Try ‘fixed’ positioning instead of ‘sticky’.

3

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

4

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.

5

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?

6

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% .

7

in my design body is already set to auto but still the same issue