Tabs page footer showing in Login page after logout

[Clenton]

---App Module.ts-----
export class MyApp {
  rootPage:any = 'LoginPage';
  }

----Loginpage------
  else if(this.getLoginDetails.username != null && this.getLoginDetails.password != null){
      this.login.getLogin(').subscribe
      (data => {
        console.log('loginData:',data[0].RETlogin);
        if(data[0].RETlogin.items.length > 0){
          console.log("ReturnMsg:",this.getLoginDetails.success);
          console.log(data[0].RETlogin);
          
            window.localStorage.setItem(global.user , data[0].RETlogin.items[0].appluser);
            window.localStorage.setItem(global.user , data[0].RETlogin.items[0].appluser;
            console.log('bu:',window.localStorage.getItem(global.user));
            console.log('user:',window.localStorage.getItem(global.user));

          this.navCtrl.setRoot('TabsPage',{usrName:data[0].RETlogin.items[0].appluser});
            console.log('userName:',{usrName:data[0].RETlogin.items[0].appluser})
        }else{
          let mes=this._toast.create({
            message:'Invalid user credentials!',
            duration:2000,
            position:'top',
            cssClass: ""
          });
            mes.present();
        }

-------Tabs home page--------
  logOut(){
    let alert = this.alertCtrl.create({
      title:'Logout',
      message:'Are you sure to logout?',
      buttons:[
        {
          text:'No',
          role:'cancel'
        },
        {
          text:'Yes',
          handler: ()=>{
            window.localStorage.removeItem(global.user);
            window.localStorage.removeItem(global.user);
            this.navCtrl.setRoot('LoginPage');
          }
        }
      ]
    });
    alert.present();
  }

This how i coded on app launch it shows login page correctly after logging out it shows tabs page footer in login screen. I have attached screenshot with this. Give me any solutions