Articles in this section

See more

Customizing your website menu and header

Customizing your website menu and header1.png

Your site menu helps visitors find and explore your pages. With any Flex template in Pixieset Website, you can choose top navigation or side navigation and customize how your menu looks.

Note: If you are using a classic template built on our original layout engine, some features and steps may be different or unavailable.

On this page:

Changing the menu layout

Every Flex template supports both top navigation, which places your menu at the top of your website, and side navigation, which displays your menu beside your page content on desktop.

To change your website’s menu layout:

  1. Hover over your site header.
  2. Click Change Layout.
  3. Select Top Navigation or Side Navigation and choose a layout.
Customizing your website menu and header2.png

Note:Your navigation appears differently on mobile and tablet devices than on desktop. Hover over your site header and click Edit Site Header to view your mobile menu style options.

Designing your site header

Your site header contains multiple customization options that offer you more control over how your menu appears.

To access more advanced styling options:

  1. Hover over your site header.
  2. Click Edit Site Header.
Customizing your website menu and header3.png

Depending on your layout, you can adjust the following settings:

  • Height and spacing tools: Adjust the padding between your navigation and the rest of your page content.
  • Mobile menu styles: Choose how your menu appears on mobile and tablet devices.
  • Sticky header: Choose whether your menu stays at the top of the page as visitors scroll.
  • Dropdown menu icon: Select an icon style for your dropdown menus.
  • Additional page specific options: Adjust the header background, color scheme, and page logo for the page you are editing.

Customizing the menu items

Manage the pages and links in your site menu from the left panel of your site builder. You can add new items or drag existing items to change their order.

Customizing your website menu and header4.png

New pages are automatically added to your site navigation as a new menu item:

  1. In the left panel, click +Add Page > Page.
  2. Select a page template, name your page, and click Create Page.
  3. Drag and drop the new page into your preferred position in the left panel.

Tip: To keep your navigation organized, create a dropdown menu to group related pages. You can also hide a page from your site menu when needed.