---
sourceDocument: Zurich Build or modify applications
sourceDocumentLink: https://www.servicenow.com/docs/r/zurich/application-development

 Release :

    - zurich

ft:locale :

    - en-US

ft:publication_title :

    - Zurich Build or modify applications

ft:clusterId :

    - cadev

bundleId :

    - cadev

workflow :

    - Development, Data, and Analytics


---

# Change the navigation and menu settings in your portal experience

# Change the navigation and menu settings in your portal experience {#ariaid-title1}

* Release version: Zurich
* 
* Updated July 31, 2025
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 2 minutes to read

Change the header, footer, and menu settings for your custom portal experience in UI Builder to fit the needs of your organization.

## Before you begin

This task has the following prerequisites:

* You have an existing portal experience on UI Builder. For more information, see [Configure how users interact with your applications in UI Builder](https://www.servicenow.com/docs/iNIKh5D0WTwLggJ~MxG1qQ "Learn what an experience is in UI Builder. Understand what an experience contains.").
* This workspace experience contains at least two pages.
* You want users to be able to navigate from a page to other pages that you specify.
{#portal-navigation-menu-settings__ul_nnv_wz5_dsb}

Role required: ui_builder_admin

## About this task

Set up the navigation and menu settings in the [app shell](https://www.servicenow.com/docs/2arqazAs26lelmRHkX_Vdw#gloss-app-shell "App shells are the static elements of a web experience (for example, the header, footer, and menu navigation) that stays with the end user as they navigate throughout the experience. App shells are primarily used and supported in Workspace and Portal experiences.") of your portal experience. The app shell is the wrapper of the portal contents. For example, the app shell can show things like the logo of your company, user preferences, the
search icon, the configuration icon, and the user menu. You can configure this app shell in the ServiceNow AI Platform. For more information about app shells, see [Define UI experiences using app shells](https://www.servicenow.com/docs/VfcebApNWkB3UeSfX5A8ag "Understand what app shells are, what app shells are available for UI Builder, and why you would pick one over another.").

You must be in the correct application scope to edit experience settings. If you are in
a different scope, the experience settings are read-only. To change your application
scope, in the main header, select the application picker (![Application picker]()), and then select the application scope. For more information about the
application scope, see [Learn about security and roles](https://www.servicenow.com/docs/H2O83_2KmzxLMFz6i45bnQ "Set up the security and roles for your UI Builder instance.").  
Note:  
For advanced information about UX page properties, including JSON examples, see <https://www.servicenow.com/community/next-experience-articles/workspace-app-shell-ux-page-properties/ta-p/2331956>.

## Procedure

1. Navigate to AllNow Experience FrameworkUI Builder.
2. Open a portal experience to work in or create an experience by selecting CreateExperience.  
   For more information, see [Configure how users interact with your applications in UI Builder](https://www.servicenow.com/docs/iNIKh5D0WTwLggJ~MxG1qQ "Learn what an experience is in UI Builder. Understand what an experience contains.").
3. Select Experience settings in the UI Builder header.  
4. To change the settings for the header, footer, and navigation menu for the app shell of the portal experience you're working in, select the advanced settings links.  
   Figure 1. Portal experience settings for navigation {#portal-navigation-menu-settings__table_yhn_b1f_h4b__entry__2}

   | Action | Procedure |
   |-|-|
   | Change the header | To go to the ServiceNow AI Platform®, click Advanced header settings. Here, you can change what information shows in the header of your portal experience. You can change things like a company logo, user preferences, the search icon, the configuration icon, and so on. |
   | Show the menu | 1. To add a menu to your portal experience, select Navigation Menu. 2. To remove the navigation menu, deselect Navigation Menu. 3. To go to the ServiceNow AI Platform, select Advanced navigation menu settings. Here, you can change what menu and menu items are displayed in the navigation menu. For more information, see [Define UI experiences using app shells](https://www.servicenow.com/docs/VfcebApNWkB3UeSfX5A8ag "Understand what app shells are, what app shells are available for UI Builder, and why you would pick one over another."). {#portal-navigation-menu-settings__ol_dfy_m1f_h4b} |
   | Display a footer | 1. To add a primary footer to your portal experience, select Primary footer. The footer can show a footer logo, content, and other important links for your portal. 2. To go to the ServiceNow AI Platform, click Advanced navigation menu settings. 3. To add a second footer to your portal experience, select Secondary footer. A secondary footer includes additional text links, social media elements, and copyright information. {#portal-navigation-menu-settings__ol_yvn_n1f_h4b} |
   [ ]

   {#portal-navigation-menu-settings__table_yhn_b1f_h4b}
5. Click Save.

*[\>]: and then