I am trying to adhere to the small hands of the world and develop a bottom navbar which makes for a better UI / UX on mobile. I am using the navbar widget but I cannot figure out how to get the hamburger button to open the navbar menu so it slides in right and also fills the height of the viewport. The nav menu still slides in right but only displays the first link within the nav menu and the remaining links are unseen of the screen.
HERE IS HOW I'D LIKE IT TO LOOK:
HERE IS HOW IT LOOKS CLOSED: :
HERE IS HOW IT LOOKS OPENED CURRENTLY - THE WRONG WAY OR UNINTENDED WAY:
----------READ ONLY LINK HERE:------------
This prototype bottom navbar is located within the file manager in the last page in the file called "test page 3."
And the live link:
TO SEE THIS YOU'LL NEED TO RESIZE YOUR VIEWPORT SO THE NAVBAR GOES INTO MOBILE VIEW