NavBar not dissappearing from DOM


My login page has no navbar. Once I log in, I do have a Navbar. My problem right now is that if I go back to login page (logout), my navbar does not completely dissappear. A navbar still appears in the DOM, even though it is empty. It appears with a class ‘navbar-hidden’.

Even though it is empty and hidden, it is pushing my whole content down. Is there a way to “destroy” this navbar if I go to login page?

I have this configuration, if it matters:

view: {

          pushState: isCordova ? false : true,

          pushStateSeparator: "",

          history: true


This is in routes:

    path: LOGIN,

    options: {

      transition: "f7-parallax",

      reloadAll: true


    beforeEnter: async function(routeTo, routeFrom, resolve, reject) {

      const userIsLoggedIn = await getUserAuth();

      if (userIsLoggedIn) {


      } else {





    async(routeTo, routeFrom, resolve, reject) {


        component: HomePage