Skip to main content

How do I edit my website header?

How to edit your UENI website header, including phone numbers, address line, layout and header settings.

Your header is the first thing customers see, so make it count. It can show your business name, logo, cover image, phone and WhatsApp numbers, and a Send a message button so customers can reach you in seconds.



Step 1: Open your Header

Log in to your UENI Hub and click Edit Website. Click Pages, then Home, then Header.

Opening the Header section from the Home page

You can edit each part of your header: Announcement, Logo, Cover, Menu, Titles, Buttons, Phones, Address line and Header Layout.

List of Header components in the UENI Editor

Note: Need detail on a specific part? See our guides to announcement banners, logo and cover image, menu navigation, titles and call-to-action buttons.

Step 2: Edit your phone numbers

  1. Select Phones.

  2. Edit your mobile or office number. Country codes are added for you.

  3. Tick or untick the boxes to show or hide your Phone and WhatsApp numbers.

Phone number settings with show and hide tick boxes

Step 3: Customize your address line

Select Address Line, then set:

  • Show Address: tick to show your address in the header, or untick to hide it.

  • Set Background Color: choose a colour and use the slider to adjust transparency.

  • Font Size and Set Font Color.

Address Line settings in the Header

Step 4: Choose a header layout

Select Header Layout and click any style to preview it. You can pick a header layout separately from your main website template.

Header Layout style options

Step 5: Adjust Header Settings

Select Header Settings to control these toggles:

  • Full Screen Mode: stretch the header across the full screen width.

  • Show Google Reviews: display your Google star rating and a link in the header.

  • Show Share Links: display social sharing icons in the header.

Header Settings in the Header component list

Warning: Header Settings for mobile and desktop are separate. Use the toggle at the top of the panel to switch views, as changes only apply to the view you're in.

Mobile and desktop toggle in Header Settings

Final thoughts

Click Save, and your header updates straight away. Well done, you've made a great first impression!

Did this answer your question?