Header

In Boombox Version 2 we have extended Header features and options. Here is the new Header Structure

HeaderStructure

You can change Header components position, enable or disable header elements, change color and font and all that are very flexible and easy to use because of the well thought Customizer Options. For managing Header go to WordPress Customizer => Header

You will see 4 main sections where concentrated global options for Boombox Theme header.

Let’s see what yo can change and control under these sections:

Layout

Top Layer

  • Top Layer can be disabled or enabled with On/Off trigger
  • Logo Position can be set on Top Layer or on Bottom Layer
  • Composition is the options which show the way how you can organize header components. What you need to know is that you can have components on Left side which is L and on Right side which is R. Pay attention as well to Logo Position, Menu position and Ad.
  • Top Layer Width can be Boxed or Full Width
  • Top Layer Height can be Small or Medium or Large

To Upload Logo

Bottom Layer

  • Bottom Layer can be disabled or enabled with On/Off trigger
  • Composition is the options which show the way how you can organize header components. What you need to know is that you can have components on Left side which is L and on Right side which is R. Pay attention as well to Logo Position, Menu position and Ad.
  • Bottom Layer Width can be Boxed or Full Width
  • Bottom Layer Height can be Small or Medium or Large

After selecting Top Layer and Bottom Layer structure you can manage what components to set on top and bottom layers.

Components Position

For admins convenience we have created Components Position in a way which is extremely easy to use and organize. Just drag and drop Unused Components which are in the middle in Top Layer Components L or R area on top or drag and drop in Bottom Layer Components L or R area at the bottom.

BoomboxHeaderLayoutComponents

Badges Menu Location

From this menu set Badges Menu location Outside Header (Top Layer and Bottom Layer) or Inside Header or set as None. When Inside Header selected then Badges Menu appears in Unused Components, thus admin can set location of Badges menu from Components Position in Top Layer or Bottom Layer . When Badges Menu location set as None that means that Badges menu will be hidden from Header.

Header MoreButton

In Boombox you can extend header and especially menu functionality by adding More Button which have pop-out menu with options to include many components. You can control position to set After Top Menu or Bottom Menu. You can add or remove elements in More button menu from Menus.

Community Text

This text is visible under the more button, just type in desirable text or leave blank.

Sticky

Choose which layer will be Sticky, Top Layer or Bottom Layer, or Both or None of the layers.

Compose Button Text

This field for changing text on Compose Button

Compose Button Link

This field for adding custom link on Compose Button. For example, you can add Zombify post creating page which will be yoursiteurl/frontend-page/

Plus Icon On Button

This icon can be On or Off with trigger.

Posts Strip

Posts Strip is a place where you can collect all the recent posts on top of the posts and pages. This is global option and this will affect everywhere on site. Despite that you can control Posts Strip on Archive pages, Specific Page and On global Single Posts.

BoomboxHeaderPostsStrip

Go to WordPress Customizer => Design => Header => Posts Strip and first of all you need to set Visisbility of the Posts Strip.

Visibility

If checkbox marked then Posts Strips will be visible on

  • Home – Home page
  • Archive – Categories, Tags, Reactions and other taxonomies
  • Single Post – All single Posts
  • Page – All pages

Please note, that if you want to have different Posts Strips on Archive or Single Posts then you need to keep the checkbox for Visibility marked and change the settings from.

For setting up different Posts Strips then on Home page for:

Archive – Go to WordPress Customizer => Archive => Posts Strips and change the dropdown value from Inherit to Custom.

Single Post – Go to WordPress Customizer => Single Post => Posts Strips and change the dropdown value from Inherit to Custom.

In WordPress Customizer => Design => Header => Posts Strip you can control global settings for Post Strip such as Layout and Posts Loop

Layout

  • Type – Scrollbox / Slider
  • Width – Boxed / Full Width
  • Size – Small / Big
  • Title Position – Inside / Outside
  • Disable Gap Between Thumbnails – Yes / No

Posts Loop

  • Order Criteria – Most Voted / Most Viewed / Most Discussed / Recent / Featured / Random / Most Shared
  • Time Range – Last 24 hours / Last 7 Days / Last 30 Days / All time
  • Items Count – Value which should be at least “6” or “-1” to show all posts
  • Categories Filter – add categories to show posts from specific categories
  • Tags Filter – add tags to show posts from specific tags

Color & Style

WordPress Customizer => Design => Header => Color & Style

In this section you can control colors and styles for Header. Here is what you can control and change:

  • Site Title Color
  • Top Background Color
  • Top Text Color
  • Top Text Hover Color
  • Bottom Background Color
  • Bottom Text Color
  • Bottom Text Hover Color
  • Button Background Color
  • Button Text Color
  • Shadow Position – Top Layer / Bottom Layer / None
  • Pattern Position – Top Header / Bottom Header / None
  • Pattern Type – Rags / Clouds

Typography

WordPress Customizer => Design => Header => Typography

  • Top Menu Font – Inherit / Custom: If Inherit selected then using option set in WordPress Customizer => Design => Primary Font Family
  • Bottom Menu Font – Inherit / Custom: If Inherit selected then using option set in WordPress Customizer => Design => Primary Font Family
  • Sub Menu Font – Inherit / Custom: If Inherit selected then using option set in WordPress Customizer => Design => Primary Font Family

In case if Custom selected you can change font for selected elements.