Header

The Header is including the next positions:

  • Top Layer
  • Bottom Layer
  • Featured Labels
  • Badges ( read more▸ )
  • More Button
  • Post Strip

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 5 main sections where concentrated global options for Boombox Theme header.

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

Layout #

Logo Position
choose in what layer show the logo: Top layer or Bottom layer

Top Layer

On/Off switcher
Top Layer can be disabled or enabled
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.
Width
Top Layer Width can be Boxed or Full Width
Height
Top Layer Height can be Small or Medium or Large

To find out how to upload Logo please read this article.

Bottom Layer

On/Off switcher
Bottom Layer can be disabled or enabled
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.
Width
Bottom Layer Width can be Boxed or Full Width
Height
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 Positions

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.

Other options

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.
“More” Button
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.
Sticky Type
choose to show sticky header in Classic mode (will always show) or in Smart mode (will only show on scrolling back to the top )
Logo Margin Top (px)
can change the space size around the logo against the header borders
Logo Margin Bottom (px)
can change the space size around the logo against the header borders
“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 Visibility of the Posts Strip.

Visibility

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.

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
Titles 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 #

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

  • Site Title Color
  • Top Background Color
  • Top Gradient Color
  • Top Text Color
  • Top Text Hover Color
  • Include Top Layer in dark/light mode
  • Bottom Background Color
  • Bottom Gradient Color
  • Bottom Text Color
  • Bottom Text Hover Color
  • Include Bottom Layer in dark/light mode
  • 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 #

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.