1. Home
  2. Docs
  3. Customization
  4. Page Header (Title Bar)

Page Header (Title Bar)

Page Header (Title Bar) is the horizontal bar below the header sections that displays the page / post title text. You can design attractive Page Header (Title Bar) area with background color / image.

All the settings can be found under Appearance > Customize > Page Header (Title Bar).


Enable Page Header

This will display the Page Header globally on all your website pages. If you want to disable / enable the Page Header only on some specific pages, you can use Page Settings module.

Layout

There are 2 available choices: Full width section, wrapped content or Full width content. Without the wrapped content mode, the content of this section will not have content wrapper width in the center.

Page title & breadcrumb layout

Choose the position of page title and breadcrumb.

Effective width

The width of page title and breadcrumb layout relative to the content wrapper.

Show breadcrumb

To display breadcrumb, you need to install additional plugin. Currently there are 3 breadcrumb plugins that are compatible with Suki:

  • Breadcrumb Trail
  • Breadcrumb NavXT
  • Yoast SEO

Typography

You can configure the page title and breadcrumb typography.

Colors

You can configure the background color, border color, and also page title and breadcrumb text colors.

Background image

Set global background image that will be used in the Page Header section. You can change the image source on some specific pages via Page Settings module.

Was this article helpful to you? Yes No