Hamburger Menu
Last updated
Last updated
It is a side menu which toggles from left or right side. It is often called as a Drawer Menu.
Follow Below steps to integrate Hamburger Menu.
Go to screen section and go to Navigation Bar Buttons from Navigation bar section.
Add a button in "Left Side Buttons" or "Right Side Buttons" and select "Hamburger" from the popup.
We have 4 styles by default.
Style 1 has left aligned menu items which is fully customizable in font size and color.
Style 2 has left aligned menu items with icons and logo, with heading on top and close button in bottom. It is fully customizable.
Style 3 has left aligned menu items with icons and a different animation to open and close which is fully customizable.
Style 4 has center aligned menu items which is fully customizable in font size and color.
Click "Next" after choosing your preferable style.
Next is to start adding main items links in your hamburger menu.
Click on "Add menu item" and add menu. You can add nested menu items(up to 1 level).
You can see the changes in previewer. You can chose Android or iOS.
Click "Next" once you are done adding it.
Here, we will customize the look.
Background color is the color of the side menu.
Icon is the button icon you want to show to open the hamburger menu.
Close Button Icon is the icon for "closing the hamburger menu.
Menu Text Size is the size of menu fonts.
Menu Text Weight is the weight of the menu font. You choose "Bold", "Semi bold", "Regular"
Menu Text color is the font color of Menu items.
Menu Icon Size is the size of the icons you have given on left size of menu items.