Navigation menus are styled using CSS themes that you can customize to match the design of your website. When you add a navigation menu to a page, it uses a default theme to control its appearance. Choose from other existing themes in the Theme Name dropdown list in the Properties pane.
Required Editions
| Available in: Salesforce Classic |
|
Available for purchase in: Enterprise, Performance, and Unlimited Editions Available (with limitations) in: Developer Edition |
| User Permissions Needed | |
|---|---|
| To build, edit, and manage Site.com sites: |
Site.com Publisher User field enabled on the user detail page AND Site administrator or designer role assigned at the site level |
Alternatively, to customize a theme to suit your needs:
- Select the navigation menu on the page.
- Select a theme to use as a base in the Theme Name dropdown list in the Properties pane. Use a theme that most closely matches your site design or select Blank to start with a completely blank theme.
- Open the Style pane and ensure Class is selected.
-
In the Style dropdown list, select the part of the menu that you want to style.
When you select an item, it's highlighted for a few seconds, so you can easily
see which part you're styling.
Tip If you're familiar with CSS, you can also modify the style of the menu in the site's style sheet. - To style the selected menu item, use the Style pane properties. Your changes are immediately reflected in the menu.
- Repeat as required for each part of the menu.