1448 sujets

Web Mobile et responsive web design

Bonjour à toutes et tous, j'ai un problème sur cette page de formulaire : http://magic2go.ca/magic2go/laissez-votre-avis/

J'aimerai centrer tout le formulaire et qu'il soit responsive. J'ai fait plusieurs essais, mais je ne trouve pas le bon code CSS à mettre pour que cela fonctionne comme sur cette page :
http://magic2go.ca/magic2go/contact/

Si vous avez une idée pour m'aider ca serait très gentil de votre part.
Merci à toutes et tous pour votre aide et une très bonne année à tout le monde !

Cyrille.
Bonjour.

Si votre formulaire de contact tient sur une colonne, je pense que la règle 'float : left' de 'div.column mcb-column one-second column_column column-margin-' est inutile : elle cale votre colonne à gauche. Après on peut centrer avec margin : 0 auto;

Pour que la règle ne concerne que cette colonne :
.div.column.mcb-column.one-second.column_column.column-margin-
  {
  float : none;
  margin : 0 auto;
  }


(Votre "Vous avez aimé" est un peu trop collé au bandeau en haut...)

Bonne année.

Smiley smile
À chacun sa spécialité magicien Smiley cligne

Sans remettre tout en cause vous pourriez faire comme ceci :
@media only screen and (max-width : 768px) {
    rr_form_input,
    .rr_form_input textarea {
        width: 100%;
    }
}

C'est vraiment un "patch" car si l'on voulait faire les choses bien il faudrait revoir l'ensemble du thème. Le jour où vous souhaitez faire une refonte changez de thème. En attendant, en plus de votre demande ici présente, je ne saurais trop vous suggérer de mettre le logo du site sur toutes les pages avec un lien vers la page d'accueil.

Bien à vous

EDIT : grillé par Zelena ! Bon, au moins comme cela vous disposez de deux solutions sous la main...
Modifié par Olivier C (03 Jan 2017 - 09:46)