conflict

packages/Webkul/Shop/src/Resources/assets/sass/app.scss

@@ -1059,6 +1059,42 @@ section.slider-block {
     //edit form ends
 }
 //account ends here
+
+//account responsive layout start here
+@media only screen and (max-width: 720px){
+    .account-content {
+        flex-direction: column;
+
+        .account-side-menu {
+            width: 100%;
+            border: none;
+            margin-bottom: 20px;
+
+            .side-menu-title {
+                height: 48px;
+                padding-top: 15px;
+                border: 1px solid;
+            }
+
+            .side-menu-title::after {
+                content: url(../images/arrow-down.svg);
+                float: right;
+            }
+
+            li {
+                width: 100%;
+                margin-left: 0%;
+            }
+
+            li:last-child {
+                border-bottom: 1px solid $border-color;
+            }
+        }
+    }
+
+}
+
+//account responsive layout end here
 //customers page css ends here
 
 // product pages css starts here

packages/Webkul/Shop/src/Resources/views/customers/account/index.blade.php

@@ -4,4 +4,4 @@
         @include('shop::customers.account.partials.sidemenu')
         <h1>Account Index Page</h1>
     </div>
-@endsection
+@endsection

packages/Webkul/Shop/src/Resources/views/customers/account/partials/sidemenu.blade.php

@@ -1,7 +1,13 @@
 <ul class="account-side-menu">
+    <div class="side-menu-title" id="side-menu-title">
+        Menu
+    </div>
+
     @foreach($menu->items as $key=>$value)
 
         <li><a href="{{ $value['url'] }}">{{ $value['name'] }}</a></li>
 
     @endforeach
 </ul>
+
+

public/themes/default/assets/css/shop.css

@@ -1667,6 +1667,36 @@ section.slider-block div.slider-content div.slider-control .light-right-icon {
   padding: 25px;
 }
 
+@media only screen and (max-width: 720px) {
+  .account-content {
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+        -ms-flex-direction: column;
+            flex-direction: column;
+  }
+  .account-content .account-side-menu {
+    width: 100%;
+    border: none;
+    margin-bottom: 20px;
+  }
+  .account-content .account-side-menu .side-menu-title {
+    height: 48px;
+    padding-top: 15px;
+    border: 1px solid;
+  }
+  .account-content .account-side-menu .side-menu-title::after {
+    content: url(../images/arrow-down.svg);
+    float: right;
+  }
+  .account-content .account-side-menu li {
+    width: 100%;
+    margin-left: 0%;
+  }
+  .account-content .account-side-menu li:last-child {
+    border-bottom: 1px solid #E8E8E8;
+  }
+}
+
 section.product-detail {
   color: #242424;
 }

public/themes/default/assets/mix-manifest.json

@@ -1,4 +1,4 @@
 {
     "/js/shop.js": "/js/shop.js",
     "/css/shop.css": "/css/shop.css"
-}
+}