Top Bars

The narrow bar above a header, for contact details, social links or a promotion. It is separate from the header so one bar can serve several headers.

You will find it in the WordPress admin menu as Top Bars, stored as canvas_top_bar.

What You Get

These decide where items appear and what you can do with them:

• One item is called a Top Bar.
• Items have no page of their own: they are placed inside other pages.
• Editor features: autosave, editor, title.

Demo

A panel on the Top Bar edit screen, holding these settings:

• Demo

  Load this demo's stylesheet, fonts and scripts on this content, and add its body class. Leave as None for content that is not part of a demo.

• Demo Role

  Marks this content as the demo's cart, checkout or other named piece, so the demo can link to it without storing an ID. Free-form; used with the Demo above.

  Shown when Demo is set

Top Bar Settings

A panel on the Top Bar edit screen, holding these settings:

• Color Scheme

  Colour scheme for this top bar wherever it is used. Unlike the site-wide option, this travels with the bar through export and import.

• Transparent

  Drop the top bar background so it sits over a transparent header (adds the transparent-topbar class).

• Extra Classes

  Additional utility classes for the top bar element, mirroring the Top Bar block's own Extra Classes field.

Related

Other Canvas content types: Copyrights, Events, Footers, Forms, Headers, Heroes.