css fixed

layouts/about_mattress/about_mattress.html

@@ -118,7 +118,7 @@
             保固時間從床墊送達當天開始計算，以簽收單日期為準。<br>
             售後服務：<br>
             產品使用上有任何問題都可致電 ZZ sleeper 客服（04-22542880）或 line@ 詢問（@zzsleeper）</p>
-          <ul class="mt-4 p-0" style="line-height: 32px;">
+          <ul class="mt-4 p-0 flex-column" style="line-height: 32px;">
             <li>《不屬於瑕疵定義》</li>
             <li>1. 床墊本身不添加抗氧化劑等不必要的化學添加物，所以正常使用下會逐漸轉為淡黃色是自然現象，不會影響產品功能。</li>
             <li>2. 製作過程中會添加的無毒介面活性劑，剛開始可能會有一點點異味，通風後大約 1~2 周就會完全散掉了，不用

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

@@ -235,6 +235,7 @@ img {
 .navbar .mx-auto {
   padding: 0;
 }
+
 @media (max-width: 767px) {
   .navbar .mx-auto {
     padding: 5px 0px;
@@ -494,47 +495,63 @@ img {
   padding: 40px 60px;
   border-bottom: 1px solid var(--dark-gray);
 }
+
 .footer .mobile-list nav .breadcrumb-item a {
+  display: -webkit-box;
+  display: -ms-flexbox;
   display: flex;
   font-weight: 700;
   color: var(--main-color);
 }
+
 .footer .mobile-list nav #breadcrumb_minor {
   color: #68686b;
   font-weight: 700 !important;
 }
+
 .footer .mobile-list .mobile-tab-list {
   font-size: 18px;
   margin: 30px auto;
-  justify-content: space-around;
+  -ms-flex-pack: distribute;
+      justify-content: space-around;
 }
+
 .footer .mobile-list .mobile-tab-list button {
+  display: -webkit-box;
+  display: -ms-flexbox;
   display: flex;
   font-weight: 700;
   color: var(--main-color);
 }
+
 .footer .mobile-list .mobile-tab-list button span {
   display: none;
   margin-left: 15px;
 }
+
 .footer .mobile-list .mobile-tab-list .active span {
   display: block;
 }
+
 .footer .mobile-list .mobile-tab-list .nav-pills .nav-link.active {
   color: var(--main-color);
   background: none !important;
 }
+
 .footer .mobile-list .mobile-tab-list .tab-content {
   width: 30vw;
 }
+
 .footer .mobile-list .mobile-tab-list .tab-content li {
   margin: 7px 0 15px;
 }
+
 .footer .mobile-list .mobile-tab-list .tab-content li a {
   color: #68686b;
   font-weight: 700;
   letter-spacing: 1px;
 }
+
 .footer .mobile-list .mobile-tab-list #v-pills-tab {
   width: 200px;
 }
@@ -2306,6 +2323,12 @@ input[type="search"]::-webkit-search-cancel-button {
   }
 }
 
+@media screen and (min-width: 1024px) {
+  .room-planner-service-5-service-inf {
+    height: 180px;
+  }
+}
+
 .room-planner-service-5-service-inf ul {
   list-style: none;
 }
@@ -2315,7 +2338,7 @@ input[type="search"]::-webkit-search-cancel-button {
   font-weight: 500;
   color: #2a2a2a;
   letter-spacing: 1.5px;
-  margin-top: -5px;
+  line-height: 2;
 }
 
 .room-planner-service-5-service-inf li::before {
@@ -4860,6 +4883,7 @@ input[type="search"]::-webkit-search-cancel-button {
     width: 90%;
   }
 }
+
 .furniture_design_content .tw-15 {
   font-weight: bold;
 }
@@ -5224,6 +5248,7 @@ input[type="search"]::-webkit-search-cancel-button {
 .design-container {
   padding-top: 50px;
 }
+
 .design-container .me-3 {
   font-weight: bold;
 }
@@ -5597,6 +5622,7 @@ input[type="search"]::-webkit-search-cancel-button {
 .store-tab #pills-tab .nav-item {
   margin: 0 0.8rem;
 }
+
 @media screen and (max-width: 767px) {
   .store-tab #pills-tab .nav-item {
     margin: 0 0.5rem;
@@ -5700,6 +5726,7 @@ input[type="search"]::-webkit-search-cancel-button {
   font-weight: 600;
   font-size: 17px;
 }
+
 .store_content .reservation-link:hover {
   opacity: 0.7;
 }

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

@@ -2111,6 +2111,9 @@ input[type="search"]::-webkit-search-cancel-button {
   }
 }
 .room-planner-service-5-service-inf {
+  @media screen and (min-width: 1024px) {
+    height: 180px;
+  }
   ul {
     list-style: none;
   }
@@ -2119,7 +2122,9 @@ input[type="search"]::-webkit-search-cancel-button {
     font-weight: 500;
     color: #2a2a2a;
     letter-spacing: 1.5px;
-    margin-top: -5px;
+    // margin-top: -5px;
+    line-height: 2;
+
   }
   li::before {
     content: "";