[Résolu] Modifier les marges d’une page uniquement en version mobile (Créer un compte)

Merci Phil pour l’explication et le lien. J’ai regardé mais j’avoue avoir du mal à savoir quel intitulé mettre pour désigner la page spécifiquement (page content, page ou bloc_page ou autre ?), idem pour la largeur si je dois mettre « full » ou « auto » comme indiqué dans le tuto ?

Du coup, j’ai écrit ce code, pourrais tu me donner ton avis stp ? 🙂

@media all and (max-width: 767px) {
        #page {
			width: auto ;
                
        }
}

Mille mercis par avance et bonne journée !

PS : est-ce que j’insère ce code ensuite dans le CSS du thème enfant ou dans le CSS additionnel (au fait quelle différence entre les 2) 🙂 ?

Merci encore !

• Cette réponse a été modifiée le il y a 6 années et 10 mois par sonia75.

OK merci bien, je viens d’insérer mon code dans le style.css du thème enfant et ça n’a rien changé… 🙁

Une idée du code que je pourrai mettre pour avoir la bonne largeur appliquée sur les téléphones ?

merci encore !

Oui, je m’excuse une nouvelle fois de ne pouvoir donner l’adresse car j’ai des données personnelles sur ce blog 🙁

Est-il possible malgré tout de savoir svp si la nomenclature de mon code proposé ci-dessus est correct.  J’ai hésité sur l’intitulé pour désigner la page spécifiquement (page content, page ou bloc_page ou autre ?), idem pour la largeur si je dois mettre « full » peut-être à la place d’« auto » ?
Mon code n’a pas l’air d’être reconnu car ça n’a rien changé…

Grand merci encore de toute aide qui pourra m’être apportée sur cette requête 🙂

Merci Phil, j’ai mis ce code (tel quel) dans le thème enfant mais ça n’a rien changé, je suppose que l’autre code avec le padding doit faire conflit.

De plus, je souhaiterais conserver le padding de 100px pour la version desktop mais juste modifier pour la version mobile donc je ne sais pas si je dois copier coller tel quel ton code ou l’insérer dans une requête média ?

Merci encore de ton aide précieuse !

Mille mercis de ton aide, alors après divers essais, ce qui a finalement fonctionné est le code suivant ds le CSS additionnel, si cela peut servir à d’autres 🙂 :

@media (max-width: 767px) {
        .page #content {padding-left: 0px ;padding-right: 0px}
                
        }

J’ai aussi dû corriger des paramètres de mon tableau notamment la largeur réglée à 70%, ce qui expliquait aussi le souci… :-p

Dis moi je me demandais quelle est la différence entre le fichier CSS principal, le CSS du thème enfant et le CSS additionnel, si jamais tu as le temps de me l’expliquer en qques mots. Disons que je m’étonne qu’un code ne fonctionne pas ds le CSS enfant mais fonctionne ds l’additionnel…

Encore un grand merci de ton aide. Je passe le sujet en résolu 🙂