15 March 2017

In the WebWave responsive website creator, "Menu" allows you to add a website navigation, which lets you navigate through the pages.

 

Adding menu to a page

Editing the menu

Menu settings

Changing the appearance of menu

 

Adding menu to a page

 

In the Webwave editor, menu can be added from the toolbar on the left side of the editor. Just click the appropriate button or drag it onto the page.

 

 

When you add a new menu on the website, it will contain links to all of your existing site pages.

 

Editing the menu

 

To edit the menu, open the "Edit menu" window by clicking on the edit icon in the corner of the element:

 

 

Adding subpages to the menu

 

To add subpages, drag them from the right window, which displays all of your pages to the window in the middle, where all the pages that appear in the selected menu are displayed.

 

 

Adding links to the menu

 

To add a link to the menu use the "Add link" in the lower right corner of the Menu editing window. In the Name box, type the name that will appear as a new menu item. The "Link" allows you to choose the type of link you want to create:

 

 

Empty – allows you to create a menu item, which does not cause any action when clicked. This is especially useful when you create a two-level menu, and we want to make a drop-down second level menu on hover.

 

Object on the page – allows you to create a menu item, you can click to jump to a specific item on the site. e.g. At the bottom of one of the pages, at the end of a very long text is a gallery to which you want to link directly from the main menu. Select Add a link to "object on the page", select the page on which the object is located and then select the specific object to which you want to link and it's done. If you do not know the name of the given object, click it on the page and then read his name in the layers. It will be highlighted in green.

 

Subpage – allows you to create a menu item that, when clicked leads to the selected page in your website.

 

Article – allows you to create a menu item that, when clicked leads to the article in your website.

 

Website address – allows you to create a menu item that leads to any web page. Just enter its URL in the URL field, and choose whether you want to open in a new browser tab or in the same.

 

Other – allows you to create a non-standard menu item:

  • Phone – click on the item will launch a program like Skype or make a call when browsing pages on a smartphone.
  • e-mail – click on the item will open the e-mail program with the selected e-mail address in the recipient field.

 

Removing pages from the Menu

 

To delete a subpage, simply click and drag it out of the center window. You can also expand the details page, and there click "Delete from the menu".

 

 

Changing the order of pages

 

To change the order of pages, in the center window, drag and drop subpage to the place where you want it in your menu.

 

Creating a two-level menu

 

To add second level elements in the menu, they should be sorted appropriately in the list of menu elements and placed "under" first level button.

 

 

Changing the label on the button in the Menu

 

To change the label on the button in the Menu, enter the menu editor and show the details of the selected page, by clicking the arrow to the right:

 

 

Then, in the label window, enter the name you want to see on the menu button and click “save” (at the bottom of the Menu editing window).

 

 

In the Button info tab, you can also set whether you want the link to open in the same tab or in a new one. You can also always see here the original title of the website, to which a button leads.

 

Menu settings

 

After selecting the menu, a setting box will appear in the bottom panel:

 

 

Add pages

 

Every new page added to the site will automatically be added to the menu. If you do not want new pages automatically added to the menu, uncheck this option.

 

Spacing

 

Spacing between buttons in pixels

 

Orientation of the menu

 

Select whether the menu is placed vertically or horizontally.

 

Position of text on the button

 

Where should the label be placed on the button

 

Changing the appearance of the menu

 

Changing the orientation of the menu to vertical / horizontal

 

To change the orientation of the menu in the WebWave wizard, simply select it from the bottom panel. The direction in which the second level menu expands is selected automatically, depending on which side of the menu, there is a free space for a menu to expand.

 

Changing the appearance of the entire menu

 

The menu is placed in a standard element and its attributes can be changed exactly like attributes of other objects. You can set a background, padding, border and so on.

 

Changing the appearance of buttons in the menu

 

Normal state – To change the style of a single button in the menu, click the button twice. The green frame around the entire item will disappear, instead, a cyan border around a single button will appear. You can now edit a single button in the bottom panel, and in addition you can change the style of the text in the button, in the editor:

 

 

On hover - To edit the style of a button on hover, select the button to edit it in the bottom panel and select "on hover":

 

 

Now, all changes made in the style of a button will affect its appearance when you hover over it with the mouse.

 

Active state – The active state of the menu is the appearance of a button, that links to a page that is currently open. If we are now on the "Offer" page, a menu button “Offer” will be displayed in the active state. To edit this state, double-click the selected menu button and select "active" in the “menu states” box.

 

One button looks different than all the other

 

If you want one button in the menu look different than all the others, select the button by clicking it twice, and in the bottom panel uncheck "Use default style".

 

 

From now on, all changes made in the style of the button will apply only to it, and will not affect other buttons.

GO BACK             

Menu

 

 

Copyright © 2011 — 2018

All Rights Reserved

PRODUCT

CONTACT 

contact@webwave.me 

YOU SHOULD USE WEBWAVE TOO!

Try - it's free

SIGN UP

SUCCESS STORIES

HELP & SUPPORT

LANGUAGE

SIGN UP

LOG IN

SIGN UP

LOG IN