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.
Add Logo
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.
Last Updated: 15.03.2024
or