Skip to main content

Customize Your Website's Menu Navigation Bar

How to style your UENI website's menu bar and manage the items in it.

Your menu helps visitors find exactly what they're looking for. You can customize its look and feel to match your brand and keep navigation clear.

Step 1: Open the menu settings

  1. Log in to your UENI Hub and click Edit Website.

  2. Click Pages, then Home, and select Header.

  3. Choose Menu.

Menu settings in the Header section of the UENI Editor

Step 2: Choose your menu options

  • Sticky Menu: keeps the menu visible as visitors scroll.

  • Menu with logo in line: places your logo in the menu bar.

  • Split menu items with center logo: centers your logo with items on either side.

Step 3: Design your menu

Click Design Menu to set:

  • Menu Position and Padding

  • Background Color and transparency

  • Hover Style: underline, highlight or color change

  • Font: size, bold, italics, all caps, alignment and color

  • Border and Drop Shadow

Design Menu settings for position, padding and background color

Warning: Changing the font color in Desktop view updates both desktop and mobile. Changing it in Mobile view updates mobile only.

Hover style and font settings for the menu
Border and drop shadow settings for the menu bar

Step 4: Manage your menu items

In Menu Navigation:

  • Drag and drop items to reorder them.

  • Click the three dots next to an item to Edit, Hide From Menu or Delete it.

  • Click Add Menu Item to create a new link.

Menu Navigation list showing menu items
Menu item options to edit, hide or delete, and Add Menu Item button

Step 5: Edit a menu item

Select Edit to change the item's title and choose where it links: a URL, a page on your site, a phone number, WhatsApp, your contact form, or a product or service. Tick Open in New Tab if needed.

Edit menu item panel with title, link destination and new tab option

Pro tip: Link a custom form to your menu using its URL. See if Forms are a fit for you.

Final thoughts

Click Save to update your website. Well done, your visitors now have a stylish, easy way to get around!

Did this answer your question?