Top Bar gives you a great way to display important buttons and news right at the top of the page on medium or large screens. Publisher Top Bar has different styles and it can contain Sign in button, Newstickerdate and time and social networks.

For customizing Publisher Top Bar go to Publisher → Theme Options → Header → Top Bar.

Activating Top Bar and Change Style

Go to Publisher → Theme Options → Header → Top Bar → Top Bar Style.

Activate Top Bar and change its style in Publisher

Here you can see three options for Top Bar Style:

Hide Top Bar: No Top Bar on your website.

Style 1: In this style you can use Date, Sign in button and social networks link. This is how it looks:

Top Bar style 1 in Publisher

Style 2: In this style you can use Newsticker, Sign in button and social networks link. This is how it looks:

Top Bar style 2 in Publisher

When you use style 2, an extra field for selecting Newsticker categories will be added.

Select categories for Top Bar Newsticker in Publisher

Green categories and sub-categories are selected and red ones are excluded. Don’t mark any categories to select them all automatically.

Displaying Date in Top Bar

Go to Publisher → Theme Options → Header → Top Bar → Show Date in Top Bar. Remember this item is only available in Top-Bar style 1.

Show or hide date in Top Bar in Publisher

Here you can show or hide displaying date and time in Top-Bar.

How Can I Change Top Bar Time & Date Formatting?

For changing date and time format go to Publisher → Theme Translation → Texts → Date & Times → Topbar Date Format.

Change time and date format in Publisher

For further information about Time & Date formats, please read WordPress Formatting Date & Time.

Activating Sign in Button in Top Bar

Go to Publisher → Theme Options → Header → Top Bar → Show Login Button in Top Bar.

Show or hide sign in button in Top Bar in Publisher

Show or hide Sign in button in Top-Bar from here.

How to Manage Top Bar Social Networks link

Go to Publisher → Theme Options → Header → Top Bar.

Manage social networks link in Top Bar in Publisher

1- Show Social Icons in Topbar: Choose to show or hide social icons in header.

2- Sort and Active Sites: Select and sort your social networks link here. Check them to select and change their place by drag and drop. For customizing your social networks, go to Better Studio → Social Count.

Color & Style

Colors & Styles is described before in Option Panels. In color & style, there is a accordion for Top-Bar.

Top Bar color & style optionsHere you can customize its different parts color.

Typography

Read more about Typography Options in Publisher. There is a accordion for Top-Bar typography.

typography options for topbarYou can change its menu, sub-menu and date typography in this panel.

Top-Bar Menu

If you selected style 1 for top-bar, you see a menu in it. We discussed about creating menu and also managing menu locations; read these docs to know how to manage this menu.