All Collections
Website Builder
Pages and Navigation
Website Builder: How to Add a Dropdown Menu
Website Builder: How to Add a Dropdown Menu

Learn how to create an expandable menu using Hostinger Website Builder

Updated over a week ago

In Hostinger Website Builder, there are two ways to create a dropdown menu, depending on whether you want it to have a dedicated landing page or not:

Links (including dropdown menus) are often blocked in the editor and preview mode because some of them might not even technically exist until you publish or update your website 💡

Creating a Simple Dropdown Menu

A simple dropdown menu expands automatically when a mouse is hovered over its title. The title won't be clickable, i.e., even if clicked, it won't open any page.

1. Within the editor, expand the Pages and navigation panel on the left and click Add a new dropdown below:

The button Add a new dropdown in the Pages and navigation panel

A dropdown item will be inserted into your website's navigation menu.

2. Rename the dropdown menu:

Renaming a dropdown menu item

3. To assign pages (or links) to a dropdown menu, drag each page (or link) by the 6 dots so that they would appear underneath the dropdown menu:

Dragging a sub-item towards the main dropdown item

Create a Dropdown Menu With a Dedicated Landing Page

A dropdown menu with a dedicated landing page expands automatically when a mouse is hovered over its title. However, unlike simple dropdown menus, the title is clickable and opens the main page of your dropdown menu.

1. In your website editor, open the Pages and navigation section on the left. Choose a page that you want to be the main page of your dropdown menu. This means that the title of this page will be the title of your dropdown menu. You can also create a new page for it; it will be opened once someone clicks on the dropdown title.

2. To create a dropdown menu, drag pages (or links) by the 6 dots so that they appear underneath your main dropdown page (towards the right, so it appears underneath the little page icon):

Dragging a sub-item towards the main dropdown item

Removing Items From a Dropdown Menu

To remove a page or a link from the dropdown, expand the Pages and Navigation panel on the left and find the item (a page or a link) that you want to remove from the dropdown menu. Click on the settings wheel and select Move out from dropdown:

Removing a sub-item from the dropdown

The removed item won't be deleted. It'll just become an individual item (a page or a link) visible in your navigation menu.

If you delete the whole dropdown menu, the items that were assigned to it won't be deleted either; they'll become individual items (pages or links) and be visible in your navigation menu.

Did this answer your question?