Large navbar does nor snap, please provide advice

Questions
1

Hi there,

I have had this issue behind the scenes for quite sometime but never really paid attention until now, where because the large navbar does not SNAP, either full up or full down and CAN remain stuck in the middle… on the next page, the title becomes obscured and un readable as there is still an opacity property that is active on the previous page’s navbar.

I have added/removed this from the main app field in app.js but no change occurs

navbar: {
collapseLargeTitleOnScroll: true,
snapPageScrollToLargeTitle: true,
snapPageScrollToTransparentNavbar: true,
},

I am experiencing this on all my navbars right through out the app, my navbar structure is as follows:

    <div class="navbar navbar-large navbar-large-transparent">
  <div class="navbar-bg"></div>
  <div class="navbar-inner sliding">
    <div class="title">My account</div>
      <div class="title-large">
          <div class="title-large-text">My account</div>
      </div>
    <div class="right">
      <a href="/settings/" class="link">
        <i class="f7-icons icon">gear_alt</i>
      </a>
    </div>
  </div>
</div>

I am using Framework7 5.7.11

Any tips or advice on where or how i can tackle this issue would be highly appreciated.

2

I just realised that after adding this and building the app, it is now working. It was not clear as it wasn’t working on the browser but is in fact working on my device.