# Bugs d’affichage CSS ou responsive après une modification de thème PrestaShop

> Un menu qui se casse sur mobile, un CSS modifié qui semble « ignoré » après un changement de thème : dans la grande majorité des cas, le fichier n’est pas ignoré, il est simplement mis en cache. PrestaShop combine et met en cache les fichiers CSS et JS par défaut, et continue de servir l’ancienne version tant que ce cache n’est pas vidé.

- Source canonique : [https://allaux.fr/prestashop/problemes/bugs-css-responsive-apres-theme](https://allaux.fr/prestashop/problemes/bugs-css-responsive-apres-theme)
- Langue : FR
- Dernière mise à jour : 2026-08-03

## Réponse directe

> Allez dans Paramètres avancés > Performances et désactivez temporairement la combinaison et la compression des fichiers CSS et JS, puis videz le cache : si votre modification apparaît aussitôt, elle était simplement figée dans le fichier combiné. Rechargez ensuite en navigation privée pour écarter le cache du navigateur avant de rouvrir le moindre fichier du thème.

## Le cache CCC, cause la plus fréquente et la plus mal comprise

PrestaShop propose une fonctionnalité native de combinaison, compression et cache des fichiers CSS et JS, réglable dans Préférences > Performances. Elle regroupe plusieurs fichiers en un seul pour accélérer le chargement, puis garde ce fichier combiné en cache. Après une modification de CSS, si ce cache n’est pas vidé, le site continue d’afficher l’ancienne version combinée : le CSS « semble ignoré » alors qu’il a bien été modifié sur le disque.

Autre cause fréquente : un fichier CSS ajouté directement dans les fichiers du thème plutôt que dans un module ou une surcharge propre. Cette modification directe est écrasée sans avertissement à la prochaine mise à jour du thème, ce qui donne l’impression qu’un bug est réapparu.

## Un changement de grille entre les versions PrestaShop

La structure des grilles CSS change fortement entre PrestaShop 1.6, dont le thème par défaut est basé sur Bootstrap 3 (classes col-xs-12, img-responsive, pull-right), et PrestaShop 1.7/8, dont le thème Classic est basé sur Bootstrap 4 (classes col-12, img-fluid, float-right). Copier une classe CSS trouvée dans un tutoriel écrit pour l’une des deux versions et l’appliquer sur l’autre casse généralement la mise en page, en particulier sur mobile.

## Un menu ou un header cassé, souvent la même famille de cause

> Un menu principal qui se replie mal ou un header qui se superpose au contenu vient le plus souvent du même mécanisme : cache CCC non vidé, ou script JavaScript du thème qui entre en conflit avec un module ajouté après coup.

## Configuration ou développement ?

Vider le cache CCC et vérifier qu’on modifie bien le bon fichier CSS, au bon endroit, suffit à résoudre la majorité des cas. Ça devient du développement quand il faut reprendre proprement une adaptation faite en modification directe du thème, la transformer en surcharge propre qui survit aux mises à jour, ou corriger une grille pensée pour une autre version de Bootstrap.

## Pages liées

- **Bugs de déclinaisons de produits sur PrestaShop** — Quand le sélecteur de taille ou de couleur s’affiche mal sur mobile, un cas voisin lié au thème. ([/prestashop/problemes/declinaisons-produits-bugs](/prestashop/problemes/declinaisons-produits-bugs))
- **Boutique PrestaShop lente à charger** — Le même cache CCC influence aussi directement le temps de chargement des pages. ([/prestashop/boutique-lente](/prestashop/boutique-lente))
- **Migration PrestaShop 1.6 vers 1.7 ou 8** — Pour comprendre l’ampleur du changement de thème et de grille lors d’un passage de version majeure. ([/prestashop/migration](/prestashop/migration))

## FAQ

### J’ai modifié mon CSS mais rien ne change sur le site, pourquoi ?

Vérifiez d’abord si le cache CCC (Préférences > Performances) est activé. Si oui, il faut le vider ou désactiver temporairement la combinaison de fichiers pour voir la modification prendre effet immédiatement.

### Pourquoi ma modification a disparu après une mise à jour du thème ?

Parce qu’elle a probablement été faite directement dans les fichiers du thème, qui sont remplacés lors d’une mise à jour. Une modification pérenne doit passer par un module ou une surcharge dédiée, pas par le fichier du thème lui-même.

### Un tutoriel trouvé en ligne ne fonctionne pas sur ma version de PrestaShop, pourquoi ?

Vérifiez la version PrestaShop visée par le tutoriel. Les classes CSS de grille ne sont pas les mêmes entre PrestaShop 1.6 (Bootstrap 3) et 1.7/8 (Bootstrap 4), et les mélanger casse la mise en page.

### Le menu principal se casse uniquement sur mobile, est-ce lié au cache ?

Ça peut l’être, mais c’est aussi souvent un conflit JavaScript entre le script du thème et un module ajouté après coup. Les deux causes se diagnostiquent différemment, d’où l’intérêt de tester d’abord sans cache.

### Faut-il un développeur pour corriger un bug d’affichage après un changement de thème ?

Pas systématiquement : vider le cache et vérifier le bon fichier suffit souvent. Un développement est nécessaire pour reprendre proprement une modification directe du thème ou adapter une grille à la bonne version de Bootstrap.