How to Add a Site Menu

In the SendPulse website builder, you can add a "Menu" element to make it easier for the user to navigate your site and find the information they need.

Add the Element

Add the "Menu" widget to the desired part of the template.

Turn on the “Add logo” toggle, and select or upload an image to the file manager.

To customize your logo’s appearance, set its size in the “Width” field, and adjust your image alignment in ”Menu styles.”

Add Menu Items

Below, you can see what can be added to your site menu.

To add a new item to the menu, click Add. To change a menu item, click on the pencil icon, and enter a new name for the item.

Next, you can add a link to any resource, email address, phone number, or anchor to another block. If you choose the "Link" menu type, you can choose whether to open the link in a new window or in the same one.

Read more about link types in the table.

Click Save.

To delete a menu item, click on the trash icon.

Customize Your Menu Display

To go to the menu appearance settings, click Menu styles.

Select your logo’s and menu items’ position (right, left, or center). For menu items, you can also select vertical or horizontal alignment.

Set up the indent between your menu items, and select your text size, emphasis, and color.

You can also make your menu mobile-friendly. Turn on the “Show menu as icons on mobile” toggle, and select your icons’ color and alignment.

You can select a hover effect for your menu. In the drop-down menu, select one of the available options.

Transparency You can set your transparency percentage from 0 to 100.
Text color change You can choose one of the suggested colors or select a custom one using HEX coding.
Underlining You can make your underline solid, dotted, or dashed and set its color and thickness.
Animation You can select an animation style, including moving up, shaking, or scaling.

Copy your element ID

Every menu has an ID that distinguishes it on the page. With it, you can add styles and scripts, show pop-ups, and track events for this element.

To copy an ID, click it. To edit an ID, click the pencil icon.

Read more: Block and widget ID.

    Rate this article about "How to Add a Site Menu"

    User Rating: 4 / 5

    Previous

    How to Add an Image to your Website

    Next

    How to Improve or Generate Your Website Copy with AI

    Popular in Our Blog

    Try SendPulse today for free