First hide the navigation elements that you want hidden by adding to your scss somewhere
a.mx-name-menuBar1-10 {
display:none;
.doshow {
display:flex;
}
}
Then add a javascript to add a class to each navigation element that you want to show:
This is untested, but I hope you manage to get this working. Please keep us posted.