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.
-
@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.