This topic describes how to configure the site navigation in the WYSIWYG designer.

The WYSIWYG designer provides each app with a public page header, a public bottom bar, and public sidebars, where you can configure various menus and themes. You can also specify whether to display the public header, bottom bar, and sidebars as required.

Click the Navigation Settings icon in the upper-right corner to go to the navigation configuration page.

Configure the public header

You can configure the public header based on your business requirements.

Parameter Description
Enabled Specifies whether to display the public header.
Theme The theme. You can select a dark or light theme.
Logo Image The site logo image. You can enter an image URL or upload a local image.
Title The site title.
Fix to Page Top Specifies whether to fix the public header to the top of the page. If you turn on this switch, the public header stays at the top of the page when the page scrolls.
Menu Items The menu items such as the link name and link URL that are displayed in the public header.

Configure the sidebars

You can configure the sidebars based on your business requirements.

Parameter Description
Enabled Specifies whether to display the sidebars.
Theme The theme. You can select a dark or light theme.
Title The site title.
Enable Folding Specifies whether the sidebar menus can be collapsed.
Menu Items The menu items such as the link name and link URL that are displayed in the sidebars.
Automatically Expand All Menus Specifies whether all menus (including submenus) can be automatically expanded.

Configure the public bottom bar

You can configure the public bottom bar based on your business requirements.

Parameter Description
Enabled Specifies whether to display the public bottom bar.
Content The text that appears in the public bottom bar.