![](https://teslathemes.com/wp-content/uploads/2020/11/topb1-1024x461.jpg)
To edit your Top Bar, navigate to Appearance > Customize > Header > Top Bar.
To add an additional menu above your header logo and navigation. The top bar will give you additional header space to add a line of text, add social icons and even an additional menu navigation.
![](https://teslathemes.com/wp-content/uploads/2020/11/topb2-1024x459.jpg)
For example, adding “Contact: (555)555-5555 – email@gmail.com)”
![](https://teslathemes.com/wp-content/uploads/2020/11/topb3-1024x450.jpg)
Optional: You can set the menu you wish to add to your top bar by navigating to Customize > Menus > View All Locations. Select the menu in the drop-down labeled ‘Top Bar’.
![](https://teslathemes.com/wp-content/uploads/2020/11/topb4-1024x329.jpg)
If you want to change the styling, go back to Appearance > Customize > Header > Top Bar and you will be able to see all of the Top Bar settings: visibility, style, padding, background color, border color, text color, link color, link color (on hover).
![](https://teslathemes.com/wp-content/uploads/2020/11/topb5-1024x459.jpg)
You can also adjust: font family, font weight, font style, text transform, font size, line height, and letter spacing.
![](https://teslathemes.com/wp-content/uploads/2020/11/topb6.jpg)