---
title: Department Page Layout
description: With the Department layout, you get all the features of the Dynamic Columns layout, plus even more!
---

[Skip to content](https://support.catapultcms.com/department-page-layout#main-content)

English

Show submenu for translations

[Submit a Ticket](https://support.catapultcms.com/kb-tickets/new?hsLang=en)

[![catapult-cms-logotype](https://support.catapultcms.com/hs-fs/hubfs/catapult-cms-logotype.png?width=300&height=59&name=catapult-cms-logotype.png)](https://support.catapultcms.com/migration?hsLang=en)

Open main navigation

Close main navigation

- English
  
  Show submenu for translations
- [Submit a Ticket](https://support.catapultcms.com/kb-tickets/new)
- [CatapultCMS.com](https://catapultcms.com/)

[CatapultCMS.com](https://catapultcms.com/)

 Welcome to Catapult Support Knowledge Base!

- There are no suggestions because the search field is empty.

1. [CatapultCMS Help](https://support.catapultcms.com/?hsLang=en)
2. [CMS](https://support.catapultcms.com/cms?hsLang=en)
3. [General Editing Information](https://support.catapultcms.com/cms?hsLang=en#general-editing-information)

# Department Page Layout

## With the Department layout, you get all the features of the Dynamic Columns layout, plus even more!

### **Instructional Video**

<iframe width="560" height="315" src="https://www.youtube.com/embed/7ujauObgEWQ?si=9KlSTLpgf2R9CZYr" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; border: none;"></iframe>

### **What is a Department Page Layout?**

Our newest designs feature a secondary subpage layout called the "**Department Page Layout.**" This layout offers more interactive options for users, allowing you to enhance engagement, streamline navigation, and highlight specific content on your subpage.

### ![](https://support.catapultcms.com/hs-fs/hubfs/image-png-Jan-24-2025-12-00-17-2701-AM.png?width=670&height=296&name=image-png-Jan-24-2025-12-00-17-2701-AM.png)

### **How to Change Layouts**

1. To find the "Page Settings" button, click the 3 dots next to the desired page or right-click on the page, then select "Page Settings" from the menu.  
   ![](https://support.catapultcms.com/hs-fs/hubfs/image-png-Jan-23-2025-11-44-00-3932-PM.png?width=380&height=318&name=image-png-Jan-23-2025-11-44-00-3932-PM.png)
2. Select the "Layouts" tab.  
   ![](https://support.catapultcms.com/hs-fs/hubfs/image-png-Jan-23-2025-11-44-16-4788-PM.png?width=393&height=282&name=image-png-Jan-23-2025-11-44-16-4788-PM.png)
3. Under the "Template" dropdown, select "layout-sub-colum.html" ![](https://support.catapultcms.com/hs-fs/hubfs/image-png-Jan-23-2025-11-40-52-8583-PM.png?width=399&height=482&name=image-png-Jan-23-2025-11-40-52-8583-PM.png)
4. Be sure to save before you open the page!

Find out more information about our [Page Settings.](https://support.catapultcms.com/hc/en-us/articles/360050419012-page-properties?hsLang=en)

### **Layout Settings:**

To access the Layout Settings Panel, find the toggle button immediately above the side navigation on the right hand side. ![](https://support.catapultcms.com/hs-fs/hubfs/image-png-Jan-23-2025-11-28-17-7493-PM.png?width=670&height=306&name=image-png-Jan-23-2025-11-28-17-7493-PM.png)

#### Include Side Navigation

This toggle lets you turn off the side navigation entirely, giving you the option to create a clean, full-width layout.![](https://support.catapultcms.com/hs-fs/hubfs/image-png-Jan-23-2025-11-28-50-4441-PM.png?width=670&height=306&name=image-png-Jan-23-2025-11-28-50-4441-PM.png)

#### Side Navigation Location

This toggle allows you to move the side navigation from the left to the right. ![](https://support.catapultcms.com/hs-fs/hubfs/image-png-Jan-23-2025-11-29-01-7977-PM.png?width=670&height=306&name=image-png-Jan-23-2025-11-29-01-7977-PM.png)

#### Include Breadcrumbs

This allows a user to turn off the breadcrumbs for the page.![](https://support.catapultcms.com/hs-fs/hubfs/image-png-Jan-23-2025-11-29-12-6809-PM.png?width=670&height=307&name=image-png-Jan-23-2025-11-29-12-6809-PM.png)

#### Include Banner Image

This toggle allows you to add a banner image to the top of the site.

![](https://support.catapultcms.com/hs-fs/hubfs/image-png-Jan-23-2025-11-29-21-0813-PM.png?width=670&height=309&name=image-png-Jan-23-2025-11-29-21-0813-PM.png)

#### Include Title

Add a page title with ease. Just click and start typing!![](https://support.catapultcms.com/hs-fs/hubfs/image-png-Jan-23-2025-11-30-17-4752-PM.png?width=670&height=306&name=image-png-Jan-23-2025-11-30-17-4752-PM.png)

#### Include Staff Image

To highlight a department head, simply add their image, name, position, phone number, and email.![](https://support.catapultcms.com/hs-fs/hubfs/image-png-Jan-23-2025-11-33-06-7604-PM.png?width=670&height=307&name=image-png-Jan-23-2025-11-33-06-7604-PM.png)

**NOTE:** "Include Banner Image" and "Include Side Navigation" are required for the Staff Image to display correctly!

 

- [CMS](https://support.catapultcms.com/cms?hsLang=en#main-content)

    - [Getting Started with Catapult CMS](https://support.catapultcms.com/cms?hsLang=en#getting-started-with-catapult-cms)
    - [The Dashboard](https://support.catapultcms.com/cms?hsLang=en#the-dashboard)
    - [General Editing Information](https://support.catapultcms.com/cms?hsLang=en#general-editing-information)
    - [Basic Elements](https://support.catapultcms.com/cms?hsLang=en#basic-elements)
    - [Visual Elements](https://support.catapultcms.com/cms?hsLang=en#visual-elements)
    - [File Management](https://support.catapultcms.com/cms?hsLang=en#file-management)
    - [Integrations](https://support.catapultcms.com/cms?hsLang=en#integrations)
    - [Compliance](https://support.catapultcms.com/cms?hsLang=en#compliance)
    - [Configuration](https://support.catapultcms.com/cms?hsLang=en#configuration)
    - [Implementation](https://support.catapultcms.com/cms?hsLang=en#implementation)
- [Connect](https://support.catapultcms.com/connect?hsLang=en#main-content)

    - [Manage Users](https://support.catapultcms.com/connect?hsLang=en#manage-users)
    - [SIS Configuration](https://support.catapultcms.com/connect?hsLang=en#sis-configuration)
    - [Dashboard](https://support.catapultcms.com/connect?hsLang=en#dashboard)
    - [Other](https://support.catapultcms.com/connect?hsLang=en#other)
    - [Organization & Site Resources](https://support.catapultcms.com/connect?hsLang=en#organization-site-resources)
    - [Messages](https://support.catapultcms.com/connect?hsLang=en#messages)
    - [Emergency Resources](https://support.catapultcms.com/connect?hsLang=en#emergency-resources)
    - [Implementation](https://support.catapultcms.com/connect?hsLang=en#implementation)
- [APP](https://support.catapultcms.com/app?hsLang=en#main-content)

    - [App Management](https://support.catapultcms.com/app?hsLang=en#app-management)
- [What's New](https://support.catapultcms.com/whats-new?hsLang=en#main-content)

    - [What's new at CatapultCMS](https://support.catapultcms.com/whats-new?hsLang=en#whats-new-at-catapultcms)
- [Contact Us](https://support.catapultcms.com/contact-us?hsLang=en)
- [Incident Report](https://support.catapultcms.com/incident-report?hsLang=en)
- [Implementation](https://support.catapultcms.com/implementation?hsLang=en#main-content)

    - [Professional Add-On Services](https://support.catapultcms.com/implementation?hsLang=en#professional-add-on-services)

[![catapult-cms-logotype](https://support.catapultcms.com/hs-fs/hubfs/catapult-cms-logotype.png?width=250&height=49&name=catapult-cms-logotype.png "catapult-cms-logotype")](https://catapultcms.com/)

[CatapultCMS.com](https://catapultcms.com/)

[CMS Login](https://www.catapultcms.com/Login.aspx)

[CONNECT Login](https://www.catapult-connect.com/Account/Login?ReturnUrl=%2F)

Copyright © 2026, CatapultCMS