Ion-navbar problem not display on page after adding in code


#1

am adding ion-navbar to my page to go back but that arrow buttons is still not displayed on my page …am already added that code for navbar in my respective page …but still no result …please check my code

home.html


** **
** Header**
** **

** **
**

**
**

Welcome

**
**
**

**

**
** Please login and Add Buyer’s Details
**

** <button ion-button block class=“marginTop” (click)=“signup()”>Signup**
** <button ion-button block color=“lightprimary” (click)=“login()”>Login**
** **

home.css file code

page-home {
** #home{**
** background: color($colors, energy);**
** h1{**
** font-size: 52px;**
** margin-top:50px;**
** text-align: center;**
** color: wheat;**
** }**
** .marginTop{**
** margin-top:150px;**
** }**
** .logo{**
** height: 400px;**
** }**
** .wel{**
** //align-content: center;**
** align-right: 203;**
** }**
** .typ {**
** text-align: center;**
** color: wheat;**
** margin-top:50px;**
** font-size: 30px;**
** }**
** }**
}

and result coming after doing this is this …

header is displayed …i want only backward arrow …not header title

Thanks in advance


#2

home.html code

Header

Welcome

Please login and Add Buyer's Details

<button ion-button block class=“marginTop” (click)=“signup()”>Signup
<button ion-button block color=“lightprimary” (click)=“login()”>Login


#3

home.scss