> ## 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).

# Comment configurer le responsive du wall ?


Le responsive est basé sur la largeur de l'iframe dans laquelle apparaît le wall. Celle-ci s'adapte en fonction de la largeur de l'écran mais elle n'est pas nécessairement égale à la largeur de l'écran, elle peut-être plus petite.

Voici le détail des tailles d'écran, selon les options proposées dans le Dashboard.

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


# Options de votre composant

Dans les options d'édition de chacun de vos composants, vous avez la main sur la gestion du responsive.
Les options vous permettent de maîtriser précisément le comportement de chaque composant pour chaque taille d'écran.

* Affiché/Caché : l'élément sera affiché ou caché, selon la taille d'écran
* Flexible : la largeur de l'élément s'adaptera à l'espace disponible
* Adapté au contenu : la largeur de l'élément s'adaptera à son contenu
* x colonnes : la largeur de l'élément sera fixe, selon un nombre de colonnes défini

## Vue Desktop

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

## Vue Mobile

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


# Paramétrage Dashboard

L'image a été cachée pour les écrans de petite taille

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


# Paramétrage via le CSS

Si vous souhaitez une gestion encore plus fine du responsive, vous pouvez passer par le bloc CSS et définir l'affichage selon des tailles souhaitées via les media queries.
Modifier les propriétés de l'apparence > CSS personnalisé > Appliquez votre style selon le CSS suivant :

```
@media screen and (max-width: 767px) {
/* votre CSS petits écrans */
} 

@media screen and (max-width: 539px) {
/* votre CSS très petits écrans */
} 
```



​