Mobile Section Template | Communifire Documentation

The Mobile Section template displays content in a section. The template is a built-in template and comes with your Communifire site. The template is mobile-friendly and can be used when creating mobile Page Builder pages.

Example of a Section Widget with a Content List Widget inside it in the mobile app:

How to use the Mobile Section template

1. In Control Panel > System > Page Builder, add or edit a Page Builder page
2. Click Mobile layout
3. Add a Section Widget onto the page
4. Edit the widget
5. Update the Title
6. Select the Mobile Section template in the Template tab
7. Save the widget
8. Add other widgets inside the section and configure them
9. Save the page

Template HTML

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

<div class="x-mobile-section">
	{{#if ShowWidgetHeader}}<h3>{{{WidgetTitle}}}</h3>{{/if}}
    <div class="x-mobile-section-content">
        {{{Contents.ChildWidgetHTML}}}
    </div>
</div>