How to create a drop-down menu in Website Builder

Category : cPanel Software Management
Posted on : May 18, 2020
Views : 1,410
By : HostSEO

The Menu option allows you to create an interactive menu bar that features several elements to help you navigate your website. However, itâ$™s just not limited to that. You can also add text elements to the menu or even links to other websites and resources.
Below you can find instructions on how to create a menu item and a drop-down list:

Menu element overview

There are two types of menus present in Website Builder:

1. The Main menu - holds all the pages created on your website and is created from the start in most templates. It helps you navigate through the pages of your website.

2. The Additional menu - can be created manually and edited according to your preferences:

In order to configure a menu, click on the Edit tab of the preferred page. In our case it is the Home page:

Or you can click the Pencil icon in the top-right corner of the menu element and select the Edit menu or Properties option:

The Edit menu window allows you to edit, add, and rename the menu items, as well as group them into a drop-down menu:

The Properties window allows you to manage the orientation of the menu, change the background color, add an image, change the font and/or size of the item, etc.:

How to create a new item

1. To create a menu item, click on the Pencil icon >> + New Item:

Or choose Edit Menu >> + New Item as an option:

2. In the Add menu item window, youâ$™ll see two available options: Page and Link.

The Page option allows you to create a new page by duplicating the style and content of any existing page on your website:

PLEASE NOTE: This option should not be used to create links to existing pages.

Â 3. The Link option allows you to create links to other pages of your website:

Internal link -Â Links to an already existing page on your website.
External link - Links to other websites.
Anchor to - Links to a specific place on your website.

Empty refers to a simple text entry or does not link to anywhere specific. For example, itâ$™s helpful when you want to create the titles of the drop-down menus:

4. In order to save the changes, click on the Apply button. The new menu item will then be created:

How to create a drop-down menu

Follow these steps in order to create a drop-down menu:

1. You will need to create the parent element (the title of the drop-down menu) with an Empty link type. As an example, we created a Test item (parent element):

2. Now create its contents (the child elements) with an Empty link type (the one thatâ$™s shown in the drop-down list):

3. Now you will need to click and hold the first (child) element Item 1 and drag it on top of the (parent) element Test:

4. Once you see two arrows icon to the left of the Test element, you can release the left mouse button to drop the Item 1 element on it. It will now be assigned in the following way:

5. Now you need to repeat the same action for all contents of the drop-down menu:

6. Once you are done, click Apply and publish the changes to your website. Now you can check out your newly created drop-down menu:

Congrats! Youâ$™ve now created your drop-down menu in Website Builder.

Â Â Â Â Â Â Â Â Â Â Â Â Â Â
Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Need any help? Contact our HelpDesk

Previous Post
How to Install a Custom Version of Magento

Next Post
Importing websites using Website Builder

Archive Calendar

Sat	Sun	Mon	Tue	Wed	Thu	Fri
	1
2	3	4	5	6	7	8
9	10	11	12	13	14	15
16	17	18	19	20	21	22
23	24	25	26	27	28	29
30

Born in 2004 ... Trusted By Clients n' Experts

They never made me feel silly for asking questions. Help me understand how to attract more people and improve my search engine ranking.

Took advantage of Hostseo's superb tech support and I must say, it is a very perfect one. It is very fast, servers reliability is incredible.

We're operating a worldwide network of servers with high quality standards requirements, we’ve choose hostseo to be our perfect partner.

It’s very comfortable to know I can rely about all technical issues on Hostseo and mostly that my website and emails are safe and secured here.

With hostseo as a hosting partner we are more flexible and save money due to the better packages with great pricing, free SEO n' free SSL too!

HostSEO Blog