Salesforce Docs Portal

Configure Microsite Layout and Create Navigation

The Header component, included with the Microsite template, includes theme settings and built-in navigation.

Required Editions

Available in: Enterprise, Performance, Unlimited, and Developer Editions.
User Permissions Needed
To customize or publish an Experience Cloud site:
  • Create and Set Up Experiences AND View Setup and Configuration AND be a member of the site

    OR

  • View Setup and Configuration AND be a member of the site AND have appropriate role-based site access
  1. To customize the header, select the Theme menu.
  2. Select Theme Settings.
    Show fixed header displays the Fixed Header component, which remains fixed at the top of the screen when your users scroll. You can also choose to fix the primary header by selecting Fix theme header, which gives your users access to the menu and navigation as they scroll.
  3. Choose which headers to show and then select the component to configure the display.
  4. To add navigation to the Header component, select the Settings menu.
  5. Choose Navigation and select Add Navigation Menu.
  6. From the Menu Editor dialog you can create menu items and choose where to link to. Drag and drop your items and choose how to display them by selecting the Header component.

Use the Site Header Component (Beta) in a Microsite

Note
Note The Site Header component is a pilot or beta service that is subject to the Beta Services Terms at Agreements - Salesforce.com or a written Unified Pilot Agreement if executed by Customer, and applicable terms in the Product Terms Directory. Use of this pilot or beta service is at the Customer's sole discretion.
  1. In Settings | Theme for the site, create a theme layout using the Simple Theme Layout option.
  2. From the Pages menu, select a page where you want the Site Header component to appear.
  3. In the page’s settings, select Override the default theme layout for this page, and select your new theme layout.
  4. Delete the default Header component from the page and replace it with the Site Header component.

See Also