Hello,
I checked several posting in regard to hamburger menue but nothing covered my issue.
Or I missed it, so apologize and point me, please.

I tried to build an own hamburger-nav bar (e.g. for mobile version).

Please allow me to explain the limitations I am facing right now:
You can find a typical example attached, demonstrating the current status.

Hamburger-Issue-Sample.xar

On a fits to width website:
I do want to make the Hamburger Icon and stuff aside as fixed object, to enable visibility, no matter where you are scrolling down on page.
I need to make the Pop-Up Layer (Menu) also “fixed”, to ensure it will appear properly, no matter where you have scrolled the page until you opened the navbar .
As this set-up is used on a mobile variant, there is no mouse scrolling over something, but you click with your fingers on it.
This requires to keep the pop-up layer (menu) open and not automatically closed. To do this, it is not preferred to simply delete the “hook” on the “automatic popup closure”, because this would force an xara generated “pop-up-close” button, which is ugly and on wrong place.
This is why I “locked” the pop-up Layer (menu) with the naming and used an own closure button (with a link to “popup: close”)

OK until here, just to explain why I did what I did in the example file.

Now the issue:
1.) Because the Pop-Up layer and its content has to be “fixed”, to be visible at any position of the website, it does no longer show any animation (e.g. smooth swipe in from left side).
2.) In case the mobile screen or laptop screen has a lower height than the Pop-Up Layer (menu), there is no possibility to scroll the pop-up down. Only the page beneath can be scrolled with the sidebar.
The pop-up Layer stays like it is. It would be of help, if I could add an extra scroll bar on the pop-up layer for example.
3.) The webside height I do use in the example file is an extended one. Extended enough to enable the Pop-Up Layer (menu) content to be in position and shape, no matter which fit-to-width position is required (depending on the screen one is using).
If you open my example file and simply lower the height of the page, you will see, that depending on the fit to width position of a display, the content moves up partially and mixed up.

I can solve all issues (1-3) when I do not make the pop-up layer “fixed”. But then, as you know, the pop-up layer (menu) will not appear in visible area, when you activate it while you are on a lower page position scrolled.
For sure, I can also think to make the hamburger-icon a not-fixed object. In this case, the pop-up layer can be activated only once the hamburger layer is on screen position and as result the pop-up layer (menu) will be visible always too. But I do not want the hamburger icon to scroll out of the visible area, it should be fixed (on the top) no matter where one is scrolling the side.

Ciao
Ich