update allDesignTab

layouts/about_mattress/about_mattress.html

@@ -17,9 +17,6 @@
     <div class="mobile-tab d-block d-md-none">
       <a href="/furniture_design/sofa" id="all-design-tab" class="nav-link">全部設計單品</a>
       <ul class="nav nav-pills mt-0 mt-lg-4 justify-content-center tab-title b-bottom" id="pills-tab" role="tablist">
-        <li class="nav-item tab-item" role="presentation">
-          <a href="/furniture_design/sofa" id="all-design-tab" class="nav-link">全部設計單品</a>
-        </li>
         <li class="nav-item tab-item" role="presentation">
           <a href="/system_furniture" id="systeam-furniture-tab" class="nav-link">關於系統櫃</a>
         </li>

themes/hugo-universal-theme-master/layouts/partials/furniture_design.html

@@ -4,17 +4,44 @@
   </section>
   <!-- 手機版型 -->
   <div class="mobile-tab d-block d-md-none">
-    <a href="/furniture_design/sofa" id="all-design-tab" class="nav-link">全部設計單品</a>
+    <div class="row">
+      <div class="col-4 m-auto all-tab">
+        <a href="/furniture_design/sofa" id="all-design-tab" class="nav-link">全部設計單品</a>
+      </div>
+    </div>
+
+  
+    <!-- <a href="/furniture_design/sofa" id="all-design-tab" class="nav-link">全部設計單品</a> -->
     <ul class="nav nav-pills mt-0 mt-lg-4 justify-content-center tab-title b-bottom" id="pills-tab" role="tablist">
-      <li class="nav-item tab-item" role="presentation">
+      <!-- <li class="nav-item tab-item" role="presentation">
+        <a href="/furniture_design/sofa" id="all-design-tab" class="nav-link">全部設計單品</a>
+      </li> -->
+      <div class="row w-100">
+        <div class="col-4">
+          <li class="nav-item tab-item" role="presentation">
+            <a href="/system_furniture" id="systeam-furniture-tab" class="nav-link">關於系統櫃</a>
+          </li>
+        </div>
+        <div class="col-4">
+          <li class="nav-item tab-item" role="presentation">
+            <a href="/solid_wood_furniture" id="furniture-tab" class="nav-link">關於家具</a>
+          </li>
+        </div>
+        <div class="col-4">
+          <li class="nav-item tab-item" role="presentation">
+            <a href="/about_mattress" id="mattress-tab" class="nav-link">關於床墊</a>
+          </li>
+        </div>
+      </div>
+      <!-- <li class="nav-item tab-item" role="presentation">
         <a href="/system_furniture" id="systeam-furniture-tab" class="nav-link">關於系統櫃</a>
-      </li>
-      <li class="nav-item tab-item" role="presentation">
+      </li> -->
+      <!-- <li class="nav-item tab-item" role="presentation">
         <a href="/solid_wood_furniture" id="furniture-tab" class="nav-link">關於家具</a>
       </li>
       <li class="nav-item tab-item" role="presentation">
         <a href="/about_mattress" id="mattress-tab" class="nav-link">關於床墊</a>
-      </li>
+      </li> -->
     </ul>
   </div>
   <!-- 電腦版型 -->

themes/hugo-universal-theme-master/static/css/style.bhouse.scss

@@ -4392,10 +4392,25 @@ input[type="search"]::-webkit-search-cancel-button {
   ul {
     padding-bottom: 20px;
   }
+  .all-tab {
+    @media screen and (max-width: 575px) {
+      padding: 0 6px;
+    }
+  }
   #all-design-tab {
+    margin: 0 0.3rem;
     text-align: center;
-    font-weight: bold;
     font-size: 18px;
+    font-weight: 400;
+    color: #fff;
+    background: #808e4c;
+    font-size: 1rem;
+    &:hover {
+      background: #68686b;
+    }
+    @media screen and (max-width: 575px) {
+      font-size: 14px;
+    }
   }
   #pills-tab {
     .nav-item {
@@ -4403,7 +4418,7 @@ input[type="search"]::-webkit-search-cancel-button {
       transition: all 0.3s;
       @media (max-width: 475px) {
         width: auto;
-        margin: auto;
+        margin: 0 3px;
       }
       &:hover {
         background: #68686b;
@@ -4414,6 +4429,15 @@ input[type="search"]::-webkit-search-cancel-button {
     }
     a {
       font-size: 1rem !important;
+      @media (max-width: 575px) {
+        padding: 8px 3px;
+        font-size: 14px !important;
+      }
+    }
+    .col-4 {
+      @media (max-width: 575px) {
+        padding: 0 3px;
+      }
     }
   }
   .nav-link {
@@ -4438,12 +4462,6 @@ input[type="search"]::-webkit-search-cancel-button {
   padding-top: 50px;
 }
 
-/* @media (max-width: 991px) {
-  .design-container {
-    padding-top: 150px;
-  }
-} */
-
 .design-container p {
   line-height: 32px;
 }
@@ -4841,12 +4859,12 @@ input[type="search"]::-webkit-search-cancel-button {
 
 .store-tab #pills-tab .nav-item,
 .mobile-tab #pills-tab .nav-item {
-  margin: 0 0.8rem;
+  // margin: 0 0.8rem;
   width: auto;
   background: #808e4c;
-  @media screen and (max-width: 575px) {
-    margin: 0 0.5rem;
-  }
+  // @media screen and (max-width: 575px) {
+  //   margin: 0 0.5rem;
+  // }
 }
 
 .store-tab #pills-tab .nav-item-link,