diff --git a/docs/assets/css/main.css b/docs/assets/css/main.css
index 05675ca3..dfa196fb 100644
--- a/docs/assets/css/main.css
+++ b/docs/assets/css/main.css
@@ -300,12 +300,8 @@ div.card-img-overlay:hover {
         left: 10px;
         transform: rotate(-45deg);
     }
-    body[data-page="index.md"] article.markdown-section {
-        max-width: 80%;
-        margin-top: 0px;
-    }
-    body[data-page="zh_CN/README.md"] article.markdown-section {
-        max-width: 80%;
+    .markdown-section {
+        max-width: 100%;
         margin-top: 0px;
     }
     .markdown-section {
@@ -313,12 +309,13 @@ div.card-img-overlay:hover {
         margin-top: 50px;
     }
     .banner div.card-img-overlay h4 {
-        font-size: 2em;
+        font-size: 1.3em;
         color: #fff;
         text-align: center;
     }
     .banner {
         margin-left: 0px;
+        width: 130px;
     }
     .back_top {
         position: fixed;
diff --git a/docs/index.html b/docs/index.html
index fd180bd0..f9230b52 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -34,7 +34,7 @@
             var loadingMask = document.getElementById('loading');
             let url = window.location.href.split('#')[1];
             if (url.length < 2 || url == '/zh_CN/' || url == '/en/') {
-                pass;
+
             }else{
                 loadingMask.style.display = 'block';
             }
@@ -43,7 +43,7 @@
 
     <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
 
-    <!-- <script src="https://cdn.staticfile.org/popper.js/1.12.5/umd/popper.min.js"></script> -->
+    <script src="https://cdn.staticfile.org/popper.js/1.12.5/umd/popper.min.js"></script>
 
     <script src="https://cdn.staticfile.org/twitter-bootstrap/4.1.0/js/bootstrap.min.js"></script>
 
@@ -54,7 +54,6 @@
     <div class="d-flex a flex-column flex-md-row align-items-center p-3 px-md-4 mb-3 bg-white border-bottom shadow-sm">
         <h5 class="my-0 mr-md-auto font-weight-normal">
             <a href="https://m5stack.com/"><img src="//cdn.shopify.com/s/files/1/0056/7689/2250/files/LOGO_40x.jpg?v=1563273356" style="margin-right:10px;margin-top:-5px"></a>M5Stack Docs</h5>
-
         <nav class="my-2 my-md-0 mr-md-3">
             <a id="product" class="p-2 text-dark" href="#">Product</a>
             <a class="p-2 text-dark dropdown-toggle" data-toggle="dropdown">API</a>
@@ -120,12 +119,12 @@
             // }, 600);
         };
 
-        // $(document).ready(function() {
-        //     $(".btn-toggle").on('click', function() {
-        //         $(".btn-toggle").toggleClass('open');
-        //         $(".d-flex").toggleClass('open');
-        //     });
-        // });
+        $(document).ready(function() {
+            $(".btn-toggle").on('click', function() {
+                $(".btn-toggle").toggleClass('open');
+                $(".d-flex").toggleClass('open');
+            });
+        });
 
         // function Enter() {
         //     console.log(123)