修正

about/about.css

@@ -320,6 +320,13 @@ body .arrow:hover {
   background: rgba(141, 194, 31, 0.8);
 }
 
+@media screen and (max-width: 350px) {
+  #banner #banner-container .banner-m .bannerm-1 {
+    padding-right: 5px;
+    padding-left: 5px;
+  }
+}
+
 #banner #banner-container .banner-m .bannerm-1 .btn {
   color: #fff;
   width: 60px;
@@ -328,6 +335,13 @@ body .arrow:hover {
           box-shadow: none;
 }
 
+@media screen and (max-width: 350px) {
+  #banner #banner-container .banner-m .bannerm-1 .btn {
+    width: 55px;
+    height: 40px;
+  }
+}
+
 #banner #banner-container .banner-m .bannerm-1 .btn :focus {
   outline: 0 !important;
   -webkit-box-shadow: none;
@@ -388,7 +402,7 @@ body .arrow:hover {
   position: relative;
 }
 
-#banner #banner-container ul .nav-item .nav-item2:after {
+#banner #banner-container ul .nav-item .nav-item2:before {
   content: url(../img/about/sec01/item-arrow.png);
   display: block;
   width: 80%;
@@ -405,7 +419,12 @@ body .arrow:hover {
   opacity: 1;
 }
 
-#banner #banner-container ul .nav-item .nav-item2:focus:after {
+#banner #banner-container ul .nav-item .nav-item2:focus:before {
+  width: 80%;
+  opacity: 1;
+}
+
+#banner #banner-container ul .nav-item .nav-item2 .btncss {
   width: 80%;
   opacity: 1;
 }

about/about.scss

@@ -251,11 +251,20 @@ body {
                 display: none;
             }
             .bannerm-1 {
+                @media screen and(max-width:350px) {
+                    padding-right: 5px;
+                    padding-left: 5px;
+                }
                 .btn{
                     color:#fff;
                     width: 60px;
                     height: 40px;
                     box-shadow:none;
+                    @media screen and(max-width:350px) {
+                        width: 55px;
+                        height: 40px;
+                      
+                    }
                     :focus{
                         outline: 0 !important;
                         box-shadow:none;
@@ -298,7 +307,7 @@ body {
                 }
                 .nav-item2 {
                     position: relative;
-                    &:after {
+                    &:before {
                         content: url(../img/about/sec01/item-arrow.png);
                         display: block;
                         width: 80%;
@@ -317,7 +326,11 @@ body {
                     .after-nav {
                         opacity: 1;
                     }
-                    &:focus:after {
+                    &:focus:before {
+                        width: 80%;
+                        opacity: 1;
+                    }
+                    .btncss{
                         width: 80%;
                         opacity: 1;
                     }