move responsive navbar from shipping portal

resources/views/layouts/base_portal.blade.php

@@ -1,6 +1,12 @@
 @extends('layouts.base')
 
 @section('content')
+    <div class="row d-md-none" v-if="$store.getters.isShowing('sideMenu')">
+        <div class="col absolute bg-master w-100 h-100" style="opacity: 0.3; z-index: 9998; left: 0px;"></div>
+        <div class="col-8 bg-master-lightest position-fixed h-100" style="z-index: 9999" >
+            @include('partials.menu')
+        </div>  
+    </div>
     @include('partials.header')
     <div class="page-container">
         <div class="page-content-wrapper p-b-50" style="padding-top: 70px;">

resources/views/pages/settings.blade.php

@@ -1,11 +1,11 @@
 @extends('layouts.base_portal')
 @section('inner_content')
-<div class="row">
+<div class="row p-3 p-md-0">
     <div class="col">
         <div class="row">
-            <div class="col-8">
+            <div class="col-12 col-md-8">
                 <div class="row tabsContainer">
-                    <div class="col-auto">
+                    <div class="col-12 col-md-auto">
                         <div class="row">
                             <div class="col">
                                 <div class="row m-b-5">

resources/views/partials/header.blade.php

@@ -3,9 +3,6 @@
         <div class="col">
             <div class="container-fluid container-fixed-lg no-padding">
                 <div class="row align-items-center justify-content-between">
-                    <div class="col-auto hide">
-                        <a href="#" class="btn-link toggle-sidebar fa fa-bars text-white" data-toggle="horizontal-menu"></a>
-                    </div>
                     <div class="col-auto d-xs-none bg-complete-light p-t-10 p-b-10 p-l-30 p-r-30">
                         <a href="{{route('dashboard')}}"><div class="row">
                             <div class="col">
@@ -88,11 +85,14 @@
                                     </div>
                                 </a>
                             </div>
-                            <div class="col-12 col-md-auto text-right">
+                            <div class="col-12 col-md-auto text-right d-none d-md-inline">
                                 <log-out-form-component></log-out-form-component>
                             </div>
                         </div>
                     </div>
+                    <div class="col-auto d-md-none pointer" @click="$store.dispatch('toggleSection', {name: 'sideMenu', status: true})">
+                        <i class="fa fa-bars fs-18 text-white"></i>
+                    </div>
                 </div>
             </div>
         </div>