User navigation elements

Background colors, icon colors, and icon text change based on the user viewing it and the device they view it with. Functionality is user-adapted on mobile screens.

Anonymous user navigation

Anonymous users see the site with a light gray background and dark gray icons. Anonymous users are presented with a login form and login icon in the upper right-hand corner.

header-user-nav-anonymous.png

The login icon drop-down menu contains options for recovering forgotten passwords and to register on the site (only available when site registration is turned on).

sign-in-mobile-view.png
 

Community member navigation

Community members see the site with a light gray background and dark gray icons. Community members are presented with a user icon in the upper right-hand corner.

header-user-nav-community.png

The user icon drop-down menu presents options for setting preferences and to sign out of the site.

community-user.png
 

Pro member navigation

Pro members see the site with a dark gray color background with white icons. Pro members are presented with edit, page and site options. 

header-user-nav-pro-member.png

The Options drop-down menu contains options for managing pages.

pro-options.png

The Site tools drop-down menu contains options for navigating to the dashboard and control panel.

site-tools-cp-link.png

The User drop-down menu contains options for viewing contributions, managing preferences and subscriptions and signing out.

pro-user-nav.png