Account icon

Overview

The Account icon block serves as a dedicated entry point for users to access account or profile features directly from your main navigation. It is only available in the Main navigation section, which helps maintain a clear and streamlined user experience on your site. This block can be easily customized to fit your navigation’s appearance and adapt to different device needs.

⚠️ Important: Configuring the Account icon block improves accessibility to account features and supports a seamless, user-friendly navigation experience. Adjust its settings thoughtfully to align with your brand and usability goals.

Key components and functionality

You can customize the Account icon block through specialized layout and visibility settings. These controls allow for precise alignment and device-specific presentation, ensuring the block fits naturally into any navigation structure.

Layout settings

Layout settings control the position and expansion of the account icon within the navigation. They are designed to ensure visual consistency whether the icon is displayed on desktop or mobile devices.

The fill available space setting lets the icon stretch horizontally to occupy all available space within its container. This is especially helpful when you want the icon to visually match the prominence of other navigation items or achieve balance in a sparse menu.
Default: disabled

The alignment on desktop navigation setting determines the position of the icon for users browsing from wider screens. The available options are:

1. Left

   1. Default

2. Center

3. Right

4. Full width

   1. The icon stretches to fill the container edge to edge.

The alignment on mobile navigation setting offers the same four placement choices for mobile layouts. Use this to optimize visibility and interaction for smaller screens and touch devices.
Default: left

Visibility settings

Visibility settings let you decide on which devices the account icon appears. This feature is valuable for simplifying navigation where needed and keeping account access readily available on important platforms.

The visibility setting gives you three options:

1. Do not hide

   1. Default — The block is always visible on both desktop and mobile.

2. Hide on desktop

3. Hide on mobile

💡 Tip: Adjust visibility to show the account icon only where it benefits your users most. This is ideal for minimizing clutter on desktop interfaces or giving mobile users quick account access.

Available in sections

The Account icon block is available in:

1. Main navigation

Usage notes

Check how the Account icon block looks in both desktop and mobile navigation to ensure optimal alignment and accessibility. If you modify the menu or add other blocks, revisit fill and alignment choices to keep the interface harmonious and clear. Ensure the icon remains highly visible and easily accessible for a positive user experience, and test for accessible tap areas and adequate contrast.

⚠️ Important: Continually preview your navigation to verify speed, consistency, and accessibility. Well-configured account access supports a reliable and inclusive experience for all visitors.