To customize Top bar Elements, Go to Dashboard → Appearance → Customize → Header Settings → Topbar Elements.
Basics:
Top bar is divided into three areas (Left Area, Center Area and Right Area)
Below you can see Top bar Elements Customizer options image with numerically noted info list.
- Tab to select elements for Left Area, Center Area and Right Area.
- Click to select element to display in currently active area. Once selected, the element will be highlighted with blue background.
- You can sort the elements. This feature provides you to change the hierarchical position of elements.
- Once you select the element. You will see the input fields and customization options for the selected element below
- Input fields and customization option for selected element (i.e. Address).
- You will find an option to enable style for every element. You will need to enable to customize the styling of the element.
- As you enable styling option, you get options for text color, font size, background color and other various features according to the element.
Note: If you select the same element in a different area, you will not have a different, separate customization option for the particular element. For example, if you select the address element in the Left Area and again select it in the Right Area. You will only have one customization option for the address element below, and the same customized address element will be displayed in both area.