ヘッダーモバイルメニューのスタイリング

xserver-inc · Jun 19, 2019 · c29e6ee · c29e6ee
1 parent 5c5f660
commit c29e6ee
Show file tree

Hide file tree

Showing 4 changed files with 20 additions and 2 deletions.
diff --git a/amp.css b/amp.css
diff --git a/css/admin.css b/css/admin.css
@@ -3554,7 +3554,9 @@ https://codepen.io/nxworld/pen/oLdoWb
   .admin-settings .demo .logo-footer { margin: 8px auto; }
   .admin-settings .demo .mobile-menu-buttons { display: flex; align-items: stretch; }
   .admin-settings .demo .mobile-menu-buttons > li { padding-top: 3px; }
-  .admin-settings .demo .mobile-header-menu-buttons { top: 0; bottom: auto; }
+  .admin-settings .demo .mobile-header-menu-buttons { top: 0; bottom: auto; justify-content: space-around; }
+  .admin-settings .demo .mobile-header-menu-buttons .menu-button { width: 70px; }
+  .admin-settings .demo .mobile-header-menu-buttons .logo-menu-button { flex-grow: 99; }
   .admin-settings .demo .mobile-button-fmb .go-to-top-button { display: none; }
   .admin-settings .demo .mblt-header-mobile-buttons { margin-top: 50px; }
   .admin-settings .demo .mblt-footer-mobile-buttons { margin-bottom: 50px; }

diff --git a/scss/breakpoints/_max-width-1023.scss b/scss/breakpoints/_max-width-1023.scss
@@ -90,6 +90,15 @@ div.sidebar{
 .mobile-header-menu-buttons{
   top: 0;
   bottom: auto;
+  justify-content: space-around;
+
+  .menu-button{
+    width: 70px;
+  }
+
+  .logo-menu-button{
+    flex-grow: 99;
+  }
 }
 
 .mobile-button-fmb .go-to-top-button{

diff --git a/style.css b/style.css
@@ -8775,6 +8775,13 @@ div#wpforo-wrap .wpforo-post .wpf-right .wpforo-post-content p {
   .mobile-header-menu-buttons {
     top: 0;
     bottom: auto;
+    justify-content: space-around;
+  }
+  .mobile-header-menu-buttons .menu-button {
+    width: 70px;
+  }
+  .mobile-header-menu-buttons .logo-menu-button {
+    flex-grow: 99;
   }
 
   .mobile-button-fmb .go-to-top-button {