Fix for menu dropdown covering content on website issue #74

nengo · May 13, 2019 · bc9bcd2 · bc9bcd2
1 parent 26784c2
commit bc9bcd2
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 3 deletions.
diff --git a/CHANGES.rst b/CHANGES.rst
@@ -19,6 +19,13 @@ Release History
    - Removed
    - Fixed
 
+0.12.0 (unreleased)
+
+**Fixed**
+
+- Changed menu dropdown to display none and open to flex to fix overlay issue. 
+  (`#74 <https://github.com/nengo/nengo.github.io/issues/74>`__)
+
 0.11.0 (unreleased)
 ===================
 

diff --git a/nengo_sphinx_theme/theme/static/css/nengo.css b/nengo_sphinx_theme/theme/static/css/nengo.css
@@ -179,9 +179,6 @@ body .main-nav .sub-menu li a {
     transition: all 0.25s;
     -webkit-transform-origin: 50% 0%;
     transform-origin: 50% 0%;
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
@@ -191,12 +188,16 @@ body .main-nav .sub-menu li a {
     border-top: 2px solid #6ea6d6;
     -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.2);
     box-shadow: 1px 1px 5px rgba(0,0,0,0.2);
+    display: none;
 }
 
 .dropdownBackground.open {
     opacity: 1;
     -webkit-transform: translateY(65px);
     transform: translateY(65px);
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
 }
 
 .arrow {