Twinstream wrote:
Probably should add a window resize function for the menu to remove the inline display:none thats added when the fade in fade out animation UI happens at mobile size (on desktop) and then user resizes the browser again to expanded desktop view. The nav then disappears.....
Its done with Grid Builder....probably edited afterwards for the effect of the hover ?
The Release Theme fade out fade in animation takes control of the display of the nav by inline css display control.
My conclusion is that to prevent the menu from disappearing on window resize after a toggling of the menu on a desktop mobile view and then expanding back to desktop (On the Release Template) is that the vertical and medium-horizontal classes must be used on the ul of the nav to indicate how the inline is updated for the window resize. Otherwise the inlined display: none does not get changed.
<div class="container navlink-toggler" id="main-nav" data-toggler="" data-animate="fade-in fade-out" href="about.html">
<ul class="list-container vertical medium-horizontal nav-container">
Bootstrap 5 CSS Grid.