diff --git a/resources/beike/shop/default/css/footer.scss b/resources/beike/shop/default/css/footer.scss
index 6204c013..2068767f 100644
--- a/resources/beike/shop/default/css/footer.scss
+++ b/resources/beike/shop/default/css/footer.scss
@@ -5,6 +5,10 @@ footer {
   background: #fafafa;
   margin-top: 5rem;
 
+  @media (max-width:768px) {
+    margin-top: 2rem;
+  }
+
   .footer-active {
     outline: 2px dashed #4bb1f0 !important;
   }
diff --git a/resources/beike/shop/default/css/header.scss b/resources/beike/shop/default/css/header.scss
index 280bab83..d96e3fbf 100644
--- a/resources/beike/shop/default/css/header.scss
+++ b/resources/beike/shop/default/css/header.scss
@@ -173,23 +173,33 @@ header {
 
   .header-mobile {
     .mobile-content {
-      padding: 10px 15px;
+      padding: 10px;
       display: flex;
       align-items: center;
       justify-content: space-between;
 
-      .mobile-open-menu {
-        cursor: pointer;
-      }
-
       > div {
         width: 33.33%;
       }
 
       .left {
-        > i {
-          font-size: 1.6rem;
-          line-height: 1;
+        display: flex;
+        align-items: center;
+
+        > div {
+          cursor: pointer;
+          > i {
+            font-size: 1.5rem;
+            line-height: 1;
+          }
+        }
+
+        .mobile-open-search {
+          margin-left: 10px;
+
+          > i {
+            font-size: 1.1rem;
+          }
         }
       }
 
diff --git a/resources/beike/shop/default/css/product-style.scss b/resources/beike/shop/default/css/product-style.scss
index cb48fec1..840cdf27 100644
--- a/resources/beike/shop/default/css/product-style.scss
+++ b/resources/beike/shop/default/css/product-style.scss
@@ -60,6 +60,11 @@
 
   .product-name {
     margin-bottom: 6px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
   }
 
   .product-price {
@@ -74,4 +79,4 @@
       text-decoration: line-through;
     }
   }
-}
\ No newline at end of file
+}
diff --git a/themes/default/design/brand.blade.php b/themes/default/design/brand.blade.php
index ede65bd1..32a20b38 100644
--- a/themes/default/design/brand.blade.php
+++ b/themes/default/design/brand.blade.php
@@ -10,7 +10,7 @@
   </div>
   @endif
 
-  <div class="module-info module-brand mb-5">
+  <div class="module-info module-brand mb-3 mb-md-5">
     {{-- {{ dd($content) }} --}}
     <div class="module-title">{{ $content['title'] }}</div>
     <div class="container">
diff --git a/themes/default/design/image100.blade.php b/themes/default/design/image100.blade.php
index c018b6f5..a3d23883 100644
--- a/themes/default/design/image100.blade.php
+++ b/themes/default/design/image100.blade.php
@@ -10,7 +10,7 @@
   </div>
   @endif
 
-  <div class="module-image-plus module-info mb-5 d-flex justify-content-center">
+  <div class="module-image-plus module-info mb-3 mb-md-5 d-flex justify-content-center">
     <div class="container{{ $content['full'] ? '-fluid' : '' }} d-flex justify-content-center">
       <a class="col-12" href="{{ $content['images'][0]['link']['link'] ?? '' }}"><img src="{{ $content['images'][0]['image'] }}" class="img-fluid"></a>
     </div>
diff --git a/themes/default/design/image401.blade.php b/themes/default/design/image401.blade.php
index cb0970bd..3927add8 100644
--- a/themes/default/design/image401.blade.php
+++ b/themes/default/design/image401.blade.php
@@ -10,13 +10,13 @@
   </div>
   @endif
 
-  <div class="module-image-plus module-info mb-5">
+  <div class="module-image-plus module-info mb-3 mb-md-5">
     <div class="container">
       <div class="row">
-        <div class="col-6">
+        <div class="col-md-6 col-12 mb-3 mb-md-0">
           <a href="{{ $content['images'][0]['link']['link'] ?? '' }}"><img src="{{ $content['images'][0]['image'] }}" class="img-fluid"></a>
         </div>
-        <div class="col-6">
+        <div class="col-md-6 col-12">
           <div class="module-image-plus-top">
             <a href="{{ $content['images'][1]['link']['link'] ?? '' }}"><img src="{{ $content['images'][1]['image'] }}" class="img-fluid"></a>
             <a href="{{ $content['images'][2]['link']['link'] ?? '' }}" class="right"><img src="{{ $content['images'][2]['image'] }}" class="img-fluid"></a>
diff --git a/themes/default/design/slideshow.blade.php b/themes/default/design/slideshow.blade.php
index a7a33bb1..f4909b8d 100644
--- a/themes/default/design/slideshow.blade.php
+++ b/themes/default/design/slideshow.blade.php
@@ -14,7 +14,7 @@
     </div>
   </div>
   @endif
-  <div class="module-info mb-5">
+  <div class="module-info mb-3 mb-md-5">
     <div class="swiper module-swiper-{{ $module_id }} module-slideshow">
       <div class="swiper-wrapper">
         @foreach($content['images'] as $image)
diff --git a/themes/default/layout/header.blade.php b/themes/default/layout/header.blade.php
index 41de559b..94a288de 100644
--- a/themes/default/layout/header.blade.php
+++ b/themes/default/layout/header.blade.php
@@ -114,7 +114,12 @@
 
   <div class="header-mobile d-lg-none">
     <div class="mobile-content">
-      <div class="left mobile-open-menu"><i class="bi bi-list"></i></div>
+      <div class="left">
+        <div class="mobile-open-menu"><i class="bi bi-list"></i></div>
+        <div class="mobile-open-search" href="#offcanvas-search-top" data-bs-toggle="offcanvas" aria-controls="offcanvasExample">
+          <i class="iconfont">&#xe8d6;</i>
+        </div>
+      </div>
       <div class="center"><a href="{{ shop_route('home.index') }}">
           <img src="{{ image_origin(system_setting('base.logo')) }}" class="img-fluid"></a>
       </div>