Top Layer<\/h4>\n
![\"\"](\"https:\/\/documentation.px-lab.com\/boombox\/wp-content\/uploads\/sites\/4\/2017\/12\/Header-1.png\")
- On\/Off switcher<\/dt>
- Top Layer can be disabled <\/strong>or enabled<\/strong><\/dd>
- Composition<\/dt>
- 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<\/strong> which is L<\/strong> and on Right side<\/strong> which is R.<\/strong> Pay attention as well to Logo Position, Menu position and Ad.<\/dd>
- Width<\/dt>
- Top Layer Width<\/strong> can be Boxed<\/strong> or Full Width<\/strong><\/dd>
- Height<\/dt>
- Top Layer Height<\/strong> can be Small<\/strong> or Medium<\/strong> or Large<\/strong><\/dd> <\/dl> <\/p>\n
Bottom Layer<\/h4>\n
![\"\"](\"https:\/\/documentation.px-lab.com\/boombox\/wp-content\/uploads\/sites\/4\/2017\/12\/Header-2-min.png\")
- On\/Off switcher<\/dt>
- Bottom Layer can be disabled <\/strong>or enabled<\/strong><\/dd>
- Composition<\/dt>
- 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<\/strong> which is L<\/strong> and on Right side<\/strong> which is R.<\/strong> Pay attention as well to Logo Position, Menu position and Ad.<\/dd>
- Width<\/dt>
- Bottom Layer Width<\/strong> can be Boxed<\/strong> or Full Width<\/strong><\/dd>
- Height<\/dt>
- Bottom Layer Height<\/strong> can be Small<\/strong> or Medium<\/strong> or Large<\/strong><\/dd> <\/dl> After selecting Top Layer<\/strong> and Bottom Layer<\/strong> structure you can manage what components to set on top and bottom layers.<\/p>\n
Components Positions<\/h4>\n
![\"\"](\"https:\/\/documentation.px-lab.com\/boombox\/wp-content\/uploads\/sites\/4\/2017\/12\/Header-3-min.png\")
<\/p>\nFor admins convenience we have created Components Position in a way which is extremely easy to use and organize. Just drag and drop Unused Components<\/strong> which are in the middle in Top Layer Components L<\/strong> or R<\/strong> area on top or drag and drop in Bottom Layer Components L<\/strong> or R<\/strong> area at the bottom.<\/p>\n
Other options<\/h4>\n
![\"\"](\"https:\/\/documentation.px-lab.com\/boombox\/wp-content\/uploads\/sites\/4\/2019\/02\/Top-and-bottom-header5-min.png\")
<\/p>\n![\"\"](\"https:\/\/documentation.px-lab.com\/boombox\/wp-content\/uploads\/sites\/4\/2019\/02\/Top-and-bottom-header4-min.png\")
<\/p>\n- <\/p>\n
- Logo Position<\/dt>
- choose in what layer show the logo: Top layer<\/strong> or Bottom layer<\/strong><\/dd><\/p>\n
- Badges Menu Location<\/dt>
- From this menu set Badges Menu<\/strong> location Outside Header<\/strong> (Top Layer and Bottom Layer) or Inside Header<\/strong> or set as None<\/strong>. When Inside Header<\/strong> selected then Badges Menu<\/strong> appears in Unused Components<\/strong>, thus admin can set location of Badges menu<\/strong> from Components Position<\/strong> in Top Layer<\/strong> or Bottom Layer <\/strong>. When Badges Menu location set as None<\/strong> that means that Badges menu will be hidden from Header. <\/dd><\/p>\n
- “More” Button<\/dt>
- In Boombox you can extend header and especially menu functionality by adding More Button <\/strong>which have pop-out menu with options to include many components. You can control position to set After Top Menu<\/strong> or Bottom Menu<\/strong>. You can add or remove elements in More button menu from Menus<\/a><\/em>. <\/dd><\/p>\n
- Community Text<\/dt>
- This text is visible under the more button, just type in desirable text or leave blank. <\/dd><\/p>\n
- Sticky<\/dt>
- Choose which layer will be Sticky, Top Layer<\/strong> or Bottom Layer, <\/strong>or Both<\/strong> or None<\/strong> of the layers. <\/dd><\/p>\n
- Sticky Type<\/dt>
- choose to show sticky header in Classic<\/strong> mode (will always show) or in Smart<\/strong> mode (will only show on scrolling back to the top ) <\/dd><\/p>\n
- Logo Margin Top (px)<\/dt>
- can change the space size around the logo against the header borders <\/dd><\/p>\n
- Logo Margin Bottom (px)<\/dt>
- can change the space size around the logo against the header borders <\/dd><\/p>\n
- “Compose” Button Text<\/dt>
- This field for changing text on Compose Button <\/dd><\/p>\n
- “Compose” Button Link<\/dt>
- This field for adding custom link on Compose Button. For example, you can add Zombify post creating page which will be yoursiteurl\/frontend-page\/ <\/dd><\/p>\n
- Plus Icon On Button<\/dt><\/p>\n
- This icon can be On<\/strong> or Off<\/strong> with trigger. <\/dd> <\/dl>\n