Skip to main content

How to configure Navigation Menu

1. Click "Navigation" in the left side panel to configure Navigation settings.


2. Click "Replace" in the right side panel to change the logo of your brand that appears on the Navigation bar.


3. Either logo can be uploaded from the device or if its already uploaded then select the image from the folder and click "save" to apply changes.


4. To add Menu item either Click "Add Item" on the navigation bar or click on "Add menu item" from the right side panel.


Tip: Menu items vs. action buttons
Menu items are for navigating between pages like Home, Features, Pricing, About us, and so on. Action buttons are for calls to action, like Login or Register, the things you want a visitor to actually do, not just browse to.


5. Action items can be added by clicking on "Add action".


6. To configure the Label and Action for both Menu and Action items, click on "Label" to change Label name.


7. Click on 'Action' to change or choose actions from the dropdown that can be performed when clicked on the menu.


8. Click on 'Pages' to change or choose pages from the dropdown that should be redirected when clicked on the menu.


9. By selecting "External URL" from Action, the pages can be redirected to external urls outside of the website.


10. And the external url redirection can be chosen to happen in the same tab and also a New tab.


11. Appearance: Sets the menu's visual style, corner rounding on menu links and buttons, text style, and background with separate colour pickers for background and link colour.


12. Spacing / Bar: Controls the menu bar's sizing "Breathing room" sets overall padding, plus Bar height, Logo height, and Bar corner radius. Also where Mobile menu toggle that collapses menu items behind a hamburger icon on small screens, with its own background colour setting.


13. Effects / Position: Sets how the menu behaves as visitors scrolls in Mobile View, Overlay floats it transparently over the first section and stays pinned, Sticky reserves its own space and stays pinned, In flow scrolls away normally with the page. Also includes shadow and opacity controls.


14. Visibility: Three toggles Desktop, Tablet, Mobile to show or hide the entire menu per device.


Did this answer your question?