# Collapsible content

![](https://docs-assets.foxecom.app/megamog-theme/Screen%20Shot%202021-10-14%20at%2020.52.17_NcR07ngl.png)

Collapsible content helps break up longer descriptions and make them more visually appealing. This comes in handy when you want to show important notice or information without taking up too much space.

<Hint type="success">

Steps

1. In the theme editor **(Customize)**, click **Add section.**
2. Locate **Collapsible content** sectio&#x6E;**.**
3. **Save.**

</Hint>

## Section header

Use the provided text fields to add a suitable heading/subheading/description. Leave any of them blank if you do not want to display them. \
\
Change heading size and description style

Adjust the text alignment (left/center) along with the background color and container type on both mobile and desktop.

![image](https://docs-assets.foxecom.app/megamog-theme/image_Guh2FucA.png)

## Block settings

![image](https://docs-assets.foxecom.app/megamog-theme/image_b7mPKmxm.png)

### Custom content block

Add the needed message/information into the provided fields. Check the box "default open" if you want the tab to always open when entering the page.

![image](https://docs-assets.foxecom.app/megamog-theme/Screen%20Shot%202021-10-14%20at%2020.59.44_QODJGo4k.png)

### Custom liquid block

For the liquid block, you need to add your liquid code.&#x20;

To learn more about liquid, see [Liquid](https://shopify.dev/api/liquid).

![](https://docs-assets.foxecom.app/megamog-theme/Screen%20Shot%202021-10-14%20at%2021.00.44_yCayiFDj.png)