Nav - Image Blocks Template | Communifire Documentation

<div class="axero-navigation-image-blocks {{CustomCSSClass}}">
	<ul>
		{{{Contents.ChildWidgetHTML}}}
	</ul>
</div>

Note: Upload foreground images in the Advanced tab of the navigation items.

How to Create the Sample Menu

1. Add or edit a Page Builder page in Control Panel > System > Page Builder
2. Click the Widgets tab
   
3. Drag a Navigation widget onto the page
   
4. Edit the Navigation widget
   
5. Update the widget title
6. In Navigation items, configure an item:
   • Title: Enter the text to display
   • Item type: Select Content
   • Content: Start typing the content title and select the content from the suggestions
     
7. Click the Advanced tab for the navigation item
   
8. Click Foreground image
   
9. Upload an image
10. Crop the image then click Save
11. Click Save
12. Save the navigation item
    
13. Add more navigation items and configure them
    
14. Click the Template tab
    
15. Select the Nav - Image Blocks template
    
16. Click Save Widget
    
17. Publish the page