I wonder if anyone can suggest how to improve my implementation of the main Menu object in my website.

In desktop view, when drilling down into the menu structure, the level menus display themselves in additional columns to the right, but after the 3rd level, then display to the left, and in some cases overlap the 1st level (when at the 5th level item). 

I would really like the menu to display in an "accordian" style do it takes up less screen space, or in some other fashion like a display list where once the next level is chosen the previous level disappears, or something that is better than the way my current menu functions.

I'm thinking perhaps the only way to resolve this is by having separate landing pages for categories, and sub categories, etc...

I did previously post a similar question and had some responses with suggestions - I'm wondering if anyone else has any improvement suggestions.

site is: https://www.abthermal.com

Try: Products...Sleeves...Thermal / Flame & Fire Protection...500F/260C FIRESLEEVE GROUP (the next sub-level breaks left)

Thanks for any comments,

Adrian