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