Zeppelin Header - Icon Blocks Template | Communifire Documentation

The Zeppelin Header - Icon Blocks template displays header links as icons. The template is a built-in template and comes with your Communifire site.

How to Create the Sample Menu

1. Go to Control Panel > System > Page Builder > Header
   
   
   
   
   
2. Clone the Global Header with Sub Navigation header
   
   
3. Set the Active Header to the clone
   
4. Click Save
   
5. Edit the clone
   
6. Expand the "Navigation" Section widget
   
7. Click the Widgets tab
   
8. Drag a Button widget onto the page
   
9. Edit the Button widget
   
10. Update the Button text. The text will not be displayed.
11. Configure the widget:
    • Button type: Select Personal
    • Type: Select Activity Stream
      
12. Click the Template tab
    
13. Select the Zeppelin Header - Block Item template
    
14. Click the Advanced tab
    
15. Select an Icon
16. Uncheck Show button text
17. Click Save Widget 
    
18. Add more button widgets and configure them similarly
19. Click Publish changes 
    

Template HTML

Below is the HTML of this template, for your reference.

<ul class="x-head-block-container">
{{{Contents.ChildWidgetHTML}}}
</ul>