> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.poool.fr/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# How to handle responsiveness ?

The responsiveness is based on the width of the iframe in which the wall is contained. The iframe size adapts to the width of the screen (computer, cell phone, etc) but doesn't necessarily equal to it, it can be smaller.

These options allow you to accurately manage the behavior of each component for each screen size.


[![](https://downloads.intercomcdn.com/i/o/387148334/ad905ffc925379142d4f5414/image.png?expires=1773333900&signature=edaa9d23d394aa50fcbf5cfe13c344cc1c2a3a5eb42739484611452a99b1b29c&req=dyggF812noJbFb4f3HP0gF9%2BIsyOw6%2BbV7zMmcrr3DGTElVUbZ8uQQfkG8jh%0Al9FbAfucV36nmOBqQA%3D%3D%0A)](https://downloads.intercomcdn.com/i/o/387148334/ad905ffc925379142d4f5414/image.png?expires=1773333900&signature=edaa9d23d394aa50fcbf5cfe13c344cc1c2a3a5eb42739484611452a99b1b29c&req=dyggF812noJbFb4f3HP0gF9%2BIsyOw6%2BbV7zMmcrr3DGTElVUbZ8uQQfkG8jh%0Al9FbAfucV36nmOBqQA%3D%3D%0A)



# Component settings

In the options of each component, you can manage responsiveness.
Options allow you to precisely manage the behaviour for each component for each screen size.

* Visible/Hidden: the element will be visible or hidden
* Flexible: the width of the element will adapt to the space available
* Fit to content: the width of the element will fit to its content
* x columns: the width of the element will be fixed

## Desktop view

![](https://storage.crisp.chat/users/helpdesk/website/-/5/f/5/0/5f50f52b22503800/capture-decran-2026-03-20-a-10_7sze8e.png)

## Mobile view

![](https://storage.crisp.chat/users/helpdesk/website/-/5/f/5/0/5f50f52b22503800/capture-decran-2026-03-20-a-10_hpuk7k.png)


# Settings in the Dashboard

The image has been hidden for small screens.

![](https://storage.crisp.chat/users/helpdesk/website/-/5/f/5/0/5f50f52b22503800/hidden-on-mobile_1pcowo8.png)


# Responsive management via CSS

If you want to be more precise in the responsiveness management, you can use CSS and define what to display based on desired screen size using media queries.
Edit appearance properties > Custom CSS > Apply the desired style with the following CSS:

```
@media screen and (max-width: 767px) {
} 

@media screen and (max-width: 539px) {
} 
```



​