Your website's menu is a key navigation tool for your visitors, helping them find exactly what they're looking for. You can now fully customize its look and feel to match your brand perfectly.


TABLE OF CONTENTS

Accessing the Menu Options

To edit your menu, log in to your Hub and click on Edit Website. From the editor menu, click on Pages, then Home, and select Header. Finally, choose Menu from the component list.


Here, you'll find powerful new options to design your menu:


Tick the boxes to enable these useful features:

  • Sticky Menu: Keeps your menu visible at the top of the screen as visitors scroll down the page.
  • Menu with logo in line: Places your logo within the menu bar for an integrated, professional look.
  • Split menu items with center logo: Positions your logo in the center of the menu with items split on either side.


Design Menu

Click on Design Menu for advanced styling controls to fine-tune your menu's appearance:

  • Menu Position: Choose where to place your menu bar on the header section.
  • Padding: Adjust the spacing at the top, bottom, and between your menu items for a more spacious or compact look.
  • Background Color: Set a color for your menu's background as well as its transparency.

  • Hover Style: Choose what happens when a cursor hovers over a menu item (e.g., an underline, a highlight, or a color change).
  • Font: Customize the text with controls for size, format (bold, italics, or all caps), alignment, and color.


  • Border: Add a border around your menu and customize its thickness, line style, and color.
  • Drop Shadow: Apply a shadow effect to your menu bar. You can control its distance, spread, blur, and color for added depth.


Below the design options, you'll find the Menu Navigation section. This is where you manage the individual items that appear in your menu.


  • Reordering Items: You can easily change the order of your menu items. Simply click and hold an item, then drag it to your preferred position and drop it.
  • Additional Options: For each menu item, click on the three vertical dots (⋮) on the right-hand side to reveal a dropdown menu with the following choices:
    • Edit: Modify the menu item's title and its behavior.
    • Hide From Menu: Temporarily remove the item from the menu without deleting it.
    • Delete: Permanently remove the item from your menu.
  • Add Menu Item: Click this to create a brand new custom link in your navigation menu.


Editing a Menu Item

When you select Edit, you’ll be able to fully customize the item:


  • Item Title: Change the text that appears in your menu.
  • Link to: Choose what happens when a visitor clicks on this menu item. You can set it to:
    • Link to a specific Page URL (internal or external).
    • Link to another page within your website.
    • Call a phone number.
    • Send a WhatsApp message.
    • Send a message using your website's contact form.
    • Link to a specific Product or Service from your list.
  • Open in New Tab: Tick this box if you want the link to open in a new browser tab.


Well done! Remember to save any changes you make to update your website immediately, giving your visitors a seamless and stylish browsing experience.


Need a hand?
If you need any further assistance, please message our support team or get real-time help on our Live Chat!