Sticky menu page jump & overlap

Hi Alex,

Maybe you can help me another time:

I am working on the following issue.

First, I included a small logo in the menu. Second, I made the menu ‘sticky’ so when scrolling down it stays on top of the page.

Now because of the logo size, the menu ‘falls’ over the first few lines in my text when linking it to costum (page/anchor)link. By using the very usefull CustomCSS SiteOrigin plugin & searching in this forum I was able to solve that issue.

But now a small minor issue arrised. When loading the page, the top-menu loads lasts, showing a small jump to its right position. Is there a way to let the page load the correct orrientiation of the menu right away?

The website I am working on is: (product-informatie is the only page with working pagejumps)

https://wereldsgroen.nl/product-informatie/

Down is my adjusted CustomCSS record:

*[id]:before {
display: block;
content: ” “;
margin-top: -115px;
height: 115px;
visibility: hidden;
}

#masthead.masthead-logo-in-menu .logo > img.logo-no-height-constrain {
position: absolute;
top: 115px;
}

#masthead.masthead-logo-in-menu .main-navigation {
height: 100px;
}