Hamburger menu how to close levels 
Auteur : Marinakis S.Hello,
Do you know how can we put a mark like ▼ in the hamburger menu for mobile phones display before a level? Can we program website X5 in order by clicking on the level to roll and unroll the containing pages? When we have a lot of pages under a level the bydefault presentation is not good. You can see what I meen in my page. If you open my page www.cardiac-surgery.eu in a smartphone and you tap in the level 'expertise chirurgicale' it would be much better if you could tap again in the level title 'expertise chirurgicale' and close again the list of the containing pages so you can have a good view in the others pages and levels of the menu.
Please answer me if you have a good solution, I'm struggling with this issue since several months...
Thanks a lot,
Sotirios Marinakis
Hello Marinakis
I have some alternatives.
1- you remove the hover from the levels.
I have an example here: https://bramminginfo.dk/historien.html
Try click on the hamburger top right. Then choose pionertiden.
Then a new hamburger (same place) can be clicked. Click on Møllen
And so on. Instead of having a useless mad hovering hamburger, I have a hamburger for each page.
2 - Another way is to make a menu yourself.
Here: https://pindown.eu/sparta13/ I have a testsite.
Clicking on the "MENU" will open a menu. The menu has a line for each menu-item. A menu item can be defined as an item or a sub-item. The links has to be arranged manually. Not suitable for sites with a lot of pages.
But the menu can be made for the whole site or for a single page.
The testsite is made for testing a scroll-dependent menu.
Auteur
Hello John,
Thank you for the advice. Nice idea the hamburger for each page. I will try to figure out how to add it in every page in the same position... I suppose you add it in every page individually. I liked your back button in the hamburger menu. However, still I little bit disappointed that it seems that incomedia did not think of the simple idea of opening and closing level pages in the hamburger menu by a click. In many other sites in the net it is possible and I suppose it is not so much difficult to code it for a web design society...
Sotirios Marinakis
Hello Marinakis
Yes - INCOMEDIA should make a better hamburger. It should be possible to click a link for a level and then it should open.
Kind of an accordeon.
If you have questions to the way I made the hamburger then make a post here.
I use no special code for the hamburger - only special code is that I have made it sticky.
Auteur
Hello John,
Thank you for your help. In your site it seems like in the template structure you put a left side bar and kind of sticky bar with a hamburger button to the right but I do not see how you change you menu according to the visited page. Could you tell me your trick?
Thanks for your time,
Sotirios Marinakis
The sticky hamburger is quite simple.
I place a normal menu on the page. Normally it will scroll out of the page when scrolling down the page.
I "inspect" the page to see the ID of the menu object.
I then place a html-object on the page, with the code that makes it sticky. It could look like this:
<style>
#imCell_26 {
position: sticky;
width: 100%;
height: 50px;
top: 0px;
z-index: 12000;
}
</style>
The left menu is more tricky. It is a bit complicated. I have a side bar only used to have a place for the menus. It is placed so the site functions in all viewpoints.
In the template content for the sidebar, I place all the menus (on top of each other). In the "Statistic and code", I have code that hides all the menus.
On the actual page, I then "unhide" the wanted menu.
The sticky menu could be used also with a non-hamburger menu like this:
http://eksempelsite.dk/sparta02/
Follow the menu coming from middle of screen and then get sticky when it reaches the top.