The User Menu is a navigation menu built specifically for your customers. Within the User Menu, your customers can login and logout of their user accounts on your site and access their customer settings.
Note:Previewing your page as a logged-in admin will display your uploaded Avatar (if you have uploaded an Avatar to your Account Details) or the default Avatar. Customers logged into your site will see their uploaded Avatar (if they uploaded an Avatar in their customer settings) or the default Avatar.
- Open the Website tab from your Dashboard.
- Select the Pages tab.
- Open the page editor for your Page. Learn more
- Navigate to the sidebar panel and click Header.
- Click Add Content.
- Select User Menu:
Keep in mind, the User Menu is displayed as the user Avatar. When your page visitors click the Avatar, the dropdown User Menu opens for your customers to:
Customize your user menu’s text and background color to match your brand and change the language for the menu items.
Customize the text alignment for the items displayed in your user dropdown menu.
Tip:Select and save your desired menu alignment. Then, preview your page to ensure that the alignment fits your vision.
Stretch block
Enable the Stretch Block setting to fill the remaining space of the Header section.
A good rule for using the Stretch Block feature is to enable the Stretch Block feature for the Block on the far left of your Header section.
For example, if you want to have a Logo on the far left side of your header and a Menu and User Menu on the far right side, select Stretch Block for your Logo:
Control the alignment and positioning of your blocks by adjusting the Stretch Block and Block Alignment for the Blocks in your Header.
Text alignment
Adjust the horizontal alignment of your block in the Header to appear more left, centered, or right-aligned.
Keep in mind, this setting will be impacted by surrounding Blocks and their positioning and alignment.