Header My Account (PRO)
Header My Account is part of Neve Pro's Header Booster module and you need to have the WooCommerce plugin installed.
Add a My Account Header Component
The header builder ( found in Appearance > Customize > Header ) has three rows in which you can easily select and arrange the available components you can find while hovering over each division of the rows. Just click on the "+" (Add) sign and a list of components will appear. From there you can add the My Account component.
Open customizations for the Header My Account
To open the customizing options, just click on the newly added My Account component Settings Wheel. This will open the My Account customization panel on the left side, from where you can adjust the settings to achieve the desired result.
Change the My Account Header Component icon and style
Select Icon: Choose to use a different icon, from the provided list
Show "Register" for Non-Logged Users: If this option is enabled, when a not logged-in user visits the site, they will see a "Register" message (that can be changed from the Register label option), instead of the My Account icon.
Account text: A piece of text that will display just after the account icon. If you want to display a dynamic value like the logged-in user's name, e.g., you can use Dynamic Tags. To get access to the Dynamic Tags click on the three dots shaped like a triangle from the Account text label input.
Enable WooCommerce Account Links Dropdown: If this option is enabled, on hover over the account icon, a dropdown menu will open with links for the following pages: Dashboard, Orders, Downloads, Addresses, Account details, and Logout.
Style the My Account Header Component
- Icon Size
- Font Size
- Style: Filled or Outline
- Background color: normal and on hover
- Text color: normal and on hover
- Border radius
Custom padding and margin
Click on the Layout tab to have access to advanced positioning options like Alignment ( inside the header builder available space for the My Account component ), Padding, and Margin.