Skip to main content

​
What is a User Dropdown?

The User Dropdown is a navigation menu built specifically for your customers. Within the User Dropdown, 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.

​
Adding a User Dropdown

  1. From your dashboard, click on the Website tab.
  2. Select either the Website or Landing Pages tab.
  3. Open the page editor for your Page.
  4. Navigate to the sidebar panel and click Header.
  5. Click Add Block.
  6. Select User Dropdown:
Keep in mind, the User Dropdown is displayed as the user Avatar. When your page visitors click the Avatar, the User Dropdown opens for your customers to:

​
Customizing the User Dropdown

Customize your User Dropdown’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.
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 Dropdown 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.