Posted: 24 Mar 2020 7:50 EDT Last activity: 25 Mar 2020 12:10 EDT
Dynamic height of menu in pyTabbedScreenFlow7Nav
The new Cosmos navigation with selectable menu items (using pyTabbedScreenFlow7Nav) requires that all steps have a single word (or possibly two). Once they wrap, they show up behind the nav bar (Menu Overlap 1.png). This gets worse when the window is more narrow and the words wrap to three lines (Menu Overlap 2.png). The CSS looks to have a static height and changing the height breaks the ability to click the chevrons for each step.
The consistent solution we've found is to change the entire browser zoom to 80% (Menu Overlap 3.png), but we can't expect our production users to do this.
Is there a way to have this menu set-up so that the height dynamically changes based on the contents of the menu?