Obsequy

⌘K
  2. Home
  4. Docs
  6. Obsequy
  8. Theme Options
  10. Header – Top Bar

Header – Top Bar

The Top Bar is a thin informational bar displayed above the main header, containing contact details on the left and a menu or social icons on the right.

Top Bar Display

Setting Description
Show Topbar Enable or disable the top bar. Default: Enabled.
Background Color Background colour for the top bar.
Top/Bottom Padding Vertical padding inside the top bar (without “px”).

Header Info Items

Three customisable contact info items appear on the left side of the top bar:

Setting Description
Header Info 1 Icon Font Awesome icon class for info item 1 (default: “fa-phone”).
Header Info 1 Text Text for info item 1 (default: “1800-9090-8089”).
Header Info 2 Icon Font Awesome icon class for info item 2 (default: “fa-envelope-o”).
Header Info 2 Text Text for info item 2 (default: “help@obsequy.com”).
Header Info 3 Icon Font Awesome icon class for info item 3 (default: “fa-map-marker”).
Header Info 3 Text Text for info item 3 (default: “123, landmark address”).
Header Info Typography Font, size, colour, and letter spacing for the info text items.
Header Info Icon Color Colour of the Font Awesome icons next to the info items.

Top Bar Right Content

Setting Description
Topbar Right Choose what appears on the right: Menu (assign at Appearance → Menus → “Topbar Menu” location), Social Icons, or None. Default: Menu.
Top Bar Menu Typography Font settings for topbar menu links.
Top Bar Menu Link Color Normal, Hover, and Active colours for topbar menu links.
Social Links Social profile URLs and icon display order (shown when Social Icons is selected). Supports: Facebook, Twitter, Pinterest, Google+, YouTube, Instagram, Vimeo, RSS, LinkedIn, Skype, Tumblr, VK, Email, and more.
Social Icons Typography Font size and line-height for social icons in the top bar.
Social Icons Link Color Colour of the social icons.

How can we help?