21-08 Arrow fixes

src/app/cart/cart.page.scss

@@ -8,6 +8,8 @@
         background-repeat: no-repeat;
         background-size: cover;
         .nav_header {
+            position: static;
+            background-color: transparent;
             .nav_title {
                 h4 {
                     color: #FFF;

src/app/changepass/changepass.page.html

-<ion-header>
+<div class="nav_header">
     <button class="nav_btn nav_back floatLeft" (click)="goBack()">
         <img src="../../assets/Group17_2.png">
   </button>
@@ -6,7 +6,7 @@
         <h4>CHANGE PASSWORD</h4>
     </div>
     <div class="clear"></div>
-</ion-header>
+</div>
 <ion-content>
     <div class="verification_div">
         <div class="form_div">

src/app/forgot/forgot.page.html

-<ion-header>
+<div class="nav_header">
     <button class="nav_btn nav_back floatLeft" (click)="goBack()">
         <img src="../../assets/Group17_2.png">
   </button>
@@ -6,7 +6,7 @@
         <h4>FORGOT PASSWORD</h4>
     </div>
     <div class="clear"></div>
-</ion-header>
+</div>
 <ion-content>
     <div class="verification_div">
         <div class="form_div">

src/app/home/home.page.html

-<ion-header>
+<!-- <ion-header>
     <button class="nav_btn nav_menu floatLeft">
         <img src="../../assets/Group 22_2.png">
   </button>
@@ -7,8 +7,19 @@
     <button class="nav_btn nav_search floatRight">
      </button>
     <div class="clear"></div>
-</ion-header>
+</ion-header> -->
+<div class="nav_header">
+    <button class="nav_btn nav_menu floatLeft">
+        <img src="../../assets/Group 22_2.png">
+    </button>
+    <div class="nav_title floatLeft">
+        <input class="search_bar" placeholder="Search here.. eg:shirts, retailers etc..."> </div>
+    <button class="nav_btn nav_search floatRight">
+    </button>
+    <div class="clear"></div>
+</div>
 <ion-content>
+
     <div class="home_wrapper">
         <div class="home_banner">
             <div class="home_banner_title">

src/app/login/login.page.html

-<ion-header>
+<div class="nav_header">
     <button class="nav_btn floatLeft">
      </button>
     <div class="nav_title floatLeft">
         <h4>LOGIN</h4>
     </div>
     <div class="clear"></div>
-</ion-header>
+</div>
+
+
 <ion-content>
     <div class="login_wrapper">
         <div class="logo_wrapper">

src/app/myorder/myorder.page.html

-<ion-header>
+<div class="nav_header">
     <button class="nav_btn nav_back floatLeft" (click)="goBack()">
   </button>
     <div class="nav_title floatLeft">
         <h4>MY ORDERS</h4>
     </div>
     <div class="clear"></div>
-</ion-header>
+</div>
 <ion-content>
     <div class="myorder_wrapper">
         <ul>

src/app/ordercancelled/ordercancelled.page.scss

@@ -9,6 +9,8 @@
         background-repeat: no-repeat;
         background-size: cover;
         .nav_header {
+            position: static;
+            background-color: transparent;
             .nav_title {
                 h4 {
                     color: #FFF;

src/app/orderplaced/orderplaced.page.scss

@@ -9,6 +9,8 @@
         background-repeat: no-repeat;
         background-size: cover;
         .nav_header {
+            position: static;
+            background-color: transparent;
             .nav_title {
                 h4 {
                     color: #FFF;

src/app/productdetail/productdetail.page.html

-<ion-header>
+<div class="nav_header">
     <button class="nav_btn nav_back floatLeft" (click)="goBack()">
         <img src="../../assets/Group17_2.png">
     </button>
@@ -7,7 +7,7 @@
     <button class="nav_btn floatRight">
   </button>
     <div class="clear"></div>
-</ion-header>
+</div>
 <ion-content>
     <div class="product_detail_wrapper">
         <div class="product_banner">

src/app/productlist/productlist.page.html

-<ion-header>
+<div class="nav_header">
     <button class="nav_btn nav_back floatLeft" (click)="goBack()">
         <img src="../../assets/Group17_2.png">
     </button>
@@ -8,8 +8,9 @@
         <img src="../../assets/search_2.png">
     </button>
     <div class="clear"></div>
-</ion-header>
+</div>
 <ion-content>
+
     <div class="product_list">
         <div class="product_taskbar">
             <div class="filter floatLeft" (click)="istoggle()">

src/app/reviewlist/reviewlist.page.html

-<ion-header>
+<div class="nav_header">
     <button class="nav_btn nav_back floatLeft" (click)="goBack()">
         <img src="../../assets/Group17_2.png">
   </button>
@@ -6,7 +6,7 @@
         <h4>REVIEWS</h4>
     </div>
     <div class="clear"></div>
-</ion-header>
+</div>
 <ion-content>
     <div class="nearby_shop_list">
         <ul>

src/app/signup/signup.page.html

-<ion-header>
+<div class="nav_header">
     <button class="nav_btn nav_back floatLeft" (click)="goBack()">
         <img src="../../assets/Group17_2.png">
     </button>
@@ -6,7 +6,7 @@
         <h4>SIGN UP</h4>
     </div>
     <div class="clear"></div>
-</ion-header>
+</div>
 <ion-content>
     <div class="login_wrapper">
         <div class="logo_wrapper">

src/app/trackorder/trackorder.page.html

-<ion-header>
+<div class="nav_header">
     <button class="nav_btn nav_back floatLeft" (click)="goBack()">
         <img src="../../assets/Group17_2.png">
     </button>
@@ -6,7 +6,7 @@
         <h4>ORDER TRACKING</h4>
     </div>
     <div class="clear"></div>
-</ion-header>
+</div>
 <ion-content>
     <div class="trackorder_div">
         <agm-map [zoom]="18" [latitude]=" lat " [longitude]="lng " [backgroundColor]="444397">

src/app/verification/verification.page.html

-<ion-header>
+<div class="nav_header">
     <button class="nav_btn nav_back floatLeft" (click)="goBack()">
         <img src="../../assets/Group17_2.png">
   </button>
@@ -6,7 +6,7 @@
         <h4>VERIFICATION</h4>
     </div>
     <div class="clear"></div>
-</ion-header>
+</div>
 <ion-content>
     <div class="verification_div">
         <div class="form_div">

src/global.scss

@@ -366,6 +366,38 @@ button {
     text-align: center !important;
 }
 
+.ion-page {
+    padding-top: 50px;
+}
+
+app-landing {
+    padding: 0px !important;
+}
+
+app-cart {
+    padding: 0px !important;
+}
+
+app-orderplaced {
+    padding: 0px !important;
+}
+
+app-ordercancelled {
+    padding: 0px !important;
+}
+
+.nav_header {
+    position: fixed;
+    top: 0px;
+    left: 0px;
+    right: 0px;
+    z-index: 9999;
+    background-color: #fff;
+    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
+    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
+    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
+}
+
 .nav_btn {
     width: 50px;
     height: 50px;
@@ -380,7 +412,7 @@ button {
 .nav_title {
     width: calc(100% - 100px);
     color: rgba(59, 57, 77, 1);
-    padding: 15px;
+    padding: 12px;
     padding-left: 5px;
     padding-right: 5px;
     font-weight: 400;