Customize Top Bar

Table of Contents

Location: Appearance → Customize → Header & Navigation → Top Bar

The Top Bar is an essential area of your site where you can showcase important information such as Date, Breaking News, Menus, etc. ColorMag theme allows you to enable the Top Bar and add that information. It comes with the following options:

General #

Enable – It allows you to enable or disable the Top Bar per your site requirement.

Enable Top bar
Enable Top bar

Full Width – It allows displaying the Top Bar content to the entire screen width. [Available in ColorMag Pro]

Enable Top Bar Full Width
Enable Top Bar Full Width

Style #

  • Background – It sets the background Color to the top header of your site. [Available in ColorMag Pro]
Change Top Bar Background Color
Change Top Bar Background Color
  • Border Bottom Size – ColorMag theme supports displaying the border at the Bottom of the Top Bar area. This helps site visitors visualize where the top bar ends and the header area gets started. You can choose the Thickness of the bottom border size of the top bar. [Available in ColorMag Pro
Change Border Bottom Size
Change Border Bottom Size
  • Border Bottom Color: Choose the Color for the bottom border of the top. [Available in ColorMag Pro]
Change Border Bottom Color
Change Border Bottom Color
Scroll to top