11. How to customize your site menus

SiteBuilder allows you to easily customize your nagivation menus.

1) Select the navigation.

2) Click Edit.

Currently, this navigation is set to show only first level menu items.

3) Let's choose to show the second level.

There are no secondary menu items for this page, so the list is blank.

4) Now let's choose to show both the first and second levels.

At first glance, there appears to be no difference between this option and the original setting.

But if we hover over a menu item with secondary links...

A secondary menu appears.

Let's look at the Menu Items tab.

This tab allows us to customize how the menu items appear for each link state: normal, selected and hovered.

5) Let's leave the normal state as it is and go to Selected.

This first link is in the selected state, therefore, all the options on this tab apply.

6) Let's swap the text color and background area values.

7) Now we'll look at hovered.

8) Hover the cursor over a menu item to see what the hovered state looks like.

9) We'll leave the colors as they are and add italics.

10) Hover over the item again to see the changes.

11) Click OK to save.

Let's go to a link with secondary menu items and see how to add a second level navigation.

12) Expand the SiteBuilder menu options.

13) Drag a navigation module onto the page.

14) Choose Second Level.

15) Click OK.

Here is our second level menu. If there are no pages under the top-level item, then nothing will be shown.

  • 0 Users Found This Useful
Was this answer helpful?

Related Articles

01. How to access the SiteBuilder from Plesk 10

You can create and publish websites using SiteBuilder, if this option is provided with your...

02. Building your first website with Parallels Plesk SiteBuilder

SiteBuilder is a great tool that enables users to create professional-looking sites without any...

03. Editing and Publishing an existing website with the SiteBuilder

If you already have an existing site, you can edit it by following these steps. 1) First...

04. How to customize your site header

This tutorial will show you how to customize your website's header using SiteBuilder. 1) Begin...

05. How to add and edit text & image modules

Much of your website will be composed of text and images, so let's see how to add & edit...