[Résolu] Problème responsive après modification largeur du site

Salut !

Le problème ici c'est que tu détermine une largeur fixe apres tout le code du site. En gros ton theme fait ça (attention c'est juste un recap pas du code valide hein) :

width: 1296px

@media (max-width: 1440px)
    width: 1180px;

@media (max-width: 1280px)
    width: 1060px;

@media (max-width: 1120px)
    width: 100%;

Il va s'adapter au fur et a mesure et c'est la derniere valeur qui prendra la pas sur les autres. Sauf que toi tu viens coller width: 1700px, apres tout ça du coup ca écrase tout, tout le temps. DOnc ton site fait 1700px tout le temps même sur mobile.

Alors deux solutions. Soit tu décide de ne modifier que la valeur au dessus de 1440px et donc tu peux utiliser :

@media (min-width: 1440px) {
.wrapper {
    width: 1700px;
}
}

de cette facon le code ne sera pas pris en compte en dessous et ca laissera tranquile le design actuel.

Soit tu veut refaire toutes les largeur et du coup tu replace les mediaqueries comme tu le souhaite :

.wrapper {
    width: 1700px;
}
@media (max-width: 1800px) {
.wrapper {
    width: 1200px;
}
@media (max-width: 1200px) {
.wrapper {
    width: 100%;
}
}

Attention a prendre une règle au dessus ou égale a ta largeur pour ne pas que le site dépasse.

Mais sinon tu peux aussi opter pour un fonctionnement plus fluide :

.wrapper {
    width: 90%;
max-width: 1700px;
}

De cette facon le site prendra tout le temps 90% de la largeur dispo (que ce soit sur pc ou mobile) et s'arrêtera à 1700px max.

A toi de voir !

Bonne journée