Changeset 11574 for sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/scss/main.scss

Timestamp:

02/17/2022 06:24:06 PM (3 years ago)

Author:

ryelle

Message:

Developer: Set mobile menu on top of the header.

Props kajalgohel.
See #6096.

File:

• sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/scss/main.scss (modified) (4 diffs)

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/scss/main.scss

@@ -2184 +2184 @@
     .current-menu-ancestor .expandable .dashicons:hover,
     .current-menu-item .expandable .dashicons:hover {
-        background-color:: #0073aa !important;
+        background-color: #0073aa !important;
         color: #fff !important;
     }
@@ -2296 +2296 @@
 body.responsive-show {
     position: fixed;
-    top: 32px;
 
     #secondary {
+        top: var(--wp-admin--admin-bar--height, 0);
         left: 0;
         overflow-y: scroll;
+        z-index: 500;
 
         .search-section {
@@ -2320 +2321 @@
 }
 @media only screen and (max-width: 782px) {
-    #secondary {
-        top: 46px;
-    }
-
     body.responsive-show {
         position: fixed;
-        top: 46px;
         left: 0;
         right: 0;
@@ -2336 +2332 @@
     }
 }
-@media only screen and (max-width: 480px) {
-    body.responsive-show #secondary {
-        top: 46px;
-    }
-    body.responsive-show #wpadminbar {
-        top: -46px;
-    }
-}
-
 @media (max-width: 876px) {
     #secondary {