How do I alter the Header Menu in Employee Center?

[Joe C]

Hi,

I have just started working in Employee Center for the first time and need to find a way to alter the header menu. In particular I need to move the avatar icon to be the right-most item on the right-side navigation menu. I have tried playing around with the html and adding menu items (which doesn't work, it just adds it to the left-side navigation bar as shown in image). I don't know where else I could alter or add the navigation bar.

Any assistance would be appreciated!

[Mark Roethof]

Hi there,

For this you would need to edit the widget unfortunately.

If my answer helped you in any way, please then mark it as helpful.

Kind regards,
Mark
2020, 2021 ServiceNow Community MVP
2020, 2021 ServiceNow Developer MVP

---

LinkedIn
Community article, blog, video list

[Loudigi]

I recommend against this unless there is a legit business case for it. If you must, you can clone the Employee Center Header widget and then make the following changes:

1. In the HTML Template of the widget, swap the list item (li) location of the Avatar and the Cart, tours, and wishlist. 

2. Then add your newly cloned header widget to the theme:

Now, when you test this from the portal, it will trigger errors. You now have to allow new Restricted Caller Access Privileges for the new custom header.

Good Luck!

[Mark Roethof]

Be aware that doing this has future consequences. Not receiving any updates when updating the plugin, on the widget anymore for example is one of the consequences.