update

layouts/about_mattress/about_mattress.html

@@ -17,6 +17,9 @@
     <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>

layouts/store/store.html

@@ -64,7 +64,7 @@
       <div class="tab-pane fade active show" id="pills-north" role="tabpanel" aria-labelledby="pills-north-tab">
         <div class="row px-0 mx-0 mb-5">
           <div class="col-md-8">
-            <img class="img-fluid" src="/img/store/north.webp" alt="">
+            <img class="img-fluid" src="/img/store/north.jpg" alt="">
 
           </div>
           <div class="col-md-4 d-flex align-items-end">
@@ -109,7 +109,7 @@
         <!-- <span class="line store-line"></span>
         <div class="row px-0 mx-0">
           <div class="col-md-8">
-            <img class="img-fluid" src="/img/store/taoyuan.webp" alt="">
+            <img class="img-fluid" src="/img/store/taoyuan.jpg" alt="">
 
           </div>
           <div class="col-md-4 d-flex align-items-end">
@@ -147,7 +147,7 @@
       <div class="tab-pane fade" id="pills-central" role="tabpanel" aria-labelledby="pills-central-tab">
         <div class="row px-0 mx-0 mb-5">
           <div class="col-md-8">
-            <img class="img-fluid" src="/img/store/central.webp" alt="">
+            <img class="img-fluid" src="/img/store/central.jpg" alt="">
 
           </div>
           <div class="col-md-4 d-flex align-items-end">
@@ -187,7 +187,7 @@
       <div class="tab-pane fade" id="pills-south" role="tabpanel" aria-labelledby="pills-south-tab">
         <div class="row px-0 mx-0 mb-5">
           <div class="col-md-8">
-            <img class="img-fluid" src="/img/store/south.webp" alt="">
+            <img class="img-fluid" src="/img/store/south.jpg" alt="">
 
           </div>
           <div class="col-md-4 d-flex align-items-end">

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

@@ -303,6 +303,10 @@ img {
   }
 }
 
+.navbar > .container-fluid {
+  display: flex !important;
+}
+
 /* header end */
 /* slick start */
 .slick-dots {
@@ -354,6 +358,13 @@ img {
   font-weight: 500;
   letter-spacing: 2px;
 }
+@media (max-width: 767px) {
+  .slider-item p {
+    display: flex;
+    justify-content: end;
+    text-align: left;
+  }
+}
 @media (max-width: 575px) {
   .slider-item p {
     font-size: 17px;
@@ -362,6 +373,7 @@ img {
 
 .slider-item p:last-child {
   font-size: 18px;
+  text-align: right;
 }
 @media (max-width: 575px) {
   .slider-item p:last-child {
@@ -376,7 +388,7 @@ img {
 }
 @media (max-width: 575px) {
   .slider-item div {
-    padding: 20px 2vw 20px 0;
+    padding: 20px 10px;
   }
 }
 /* slick end */

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

@@ -315,6 +315,10 @@ img {
   }
 }
 
+.navbar>.container-fluid {
+  display: flex !important;
+}
+
 /* header end */
 
 /* slick start */
@@ -364,6 +368,11 @@ img {
   font-size: 22px;
   font-weight: 500;
   letter-spacing: 2px;
+  @media (max-width: 767px) {
+    display: flex;
+    justify-content: end;
+    text-align: left;
+  }
   @media (max-width: 575px) {
     font-size: 17px;
   }
@@ -371,6 +380,7 @@ img {
 
 .slider-item p:last-child {
   font-size: 18px;
+  text-align: right;
   @media (max-width: 575px) {
     font-size: 14px;
   }
@@ -384,7 +394,7 @@ img {
 
 @media (max-width: 575px) {
   .slider-item div {
-    padding: 20px 2vw 20px 0;
+    padding: 20px 10px;
   }
 }