Increasing page height vs tab bar height

  • How do I increase the main page height for the page content to be fully accommodated and visible, the <ons-bottom-toolbar> component seems to block off part of the page content towards the bottom of the page and reducing the height of the <ons-bottom-toolbar> with css, cuts part of it off ?

  • Add CSS style to content, for example:

       padding-bottom: 50px

  • Great.

  • Onsen UI

    @timwd Did you change the height of ons-bottom-toolbar? Normally the page content is reduced 44px by default if there is a bottom toolbar

  • @Fran-Diox Yes. I changed it initially while trying to fix the problem, but part of it was truncated as a result, so I returned to the status quo, and the solution provided by @jamal is working for me.

Log in to reply