Menu is partially hidden on some pages

Hi When I make the menu sticky. It is partially hidden on some pages when you first acces them. If you click on the page and start to scroll, the menu appears in full. It seems to depend on how much content the page has (The shorter the page the more likely it is that the menu will be hidden).

If I change the menu to Static, the problem is resolved but I really want the menu to be sticky.
Can you tell me how to resolve this.

I attach 1 screengrab with 2 images- one where the page loads and the menu is partially hidden and the second with the menu showing correctly.


Please add this to Customize > additional CSS to fix the issue:

div#header-sticky-wrapper {
    height: auto !important;


That’s has soved the problem.
Thanks so much.

1 Like