Hide the site menu and make it visible after the page has loaded, to minimize menu flicker

1 files changed, 5 insertions, 1 deletions

diff --git a/themes/wind/views/page.html.php b/themes/wind/views/page.html.php
index 03d43918..f5ae4aca 100644
--- a/themes/wind/views/page.html.php
+++ b/themes/wind/views/page.html.php
@@ -86,9 +86,13 @@
           <? endif ?>
           <?= $theme->user_menu() ?>
           <?= $theme->header_top() ?>
-          <div id="g-site-menu">
+
+          <!-- hide the menu and make it visible after the page has loaded, to minimize menu flicker -->
+          <div id="g-site-menu" style="visibility: visible">
           <?= $theme->site_menu() ?>
           </div>
+          <script> $(document).ready(function() { $("#g-site-menu").css("visibility", "visible"); }) </script>
+
           <?= $theme->header_bottom() ?>
         </div>