[RÉGLÉ] Logo responsive sur protostar

[Magalux]

Bonjour,

J'ai un site avec template protostar programmé en fluide.

Le site est bien responsive mais pas le logo. (voir ci-dessous)



Et si j’agrandis l'image, sur un pc avec une résolution inférieure, évidement il en manque un morceau.

J'ai réussi à enlever la marge supérieure mais comment faire pour les marges de gauche est droite ?

Merci

[Magalux]

Re : Logo responsive sur protostar

C'est bon pour le logo responsive, je l'ai placé en bannière.
Me reste les marges, qui apparaissent à gauche et à droite, sur pc uniquement, sur tél c'est bon il n'y a pas de marges.

[toffffe]

Re : Logo responsive sur protostar

Salut
Sans lien vers ton site on ne pourras pas t'aider pour le css
Mais il existe des outils comme l'inspecteur de chrome et firebug

[Magalux]

Re : Logo responsive sur protostar

Bonjour,

Merci de votre réponse, voici l'adresse du site temporaire : http://essaisitemag.hebergratuit.net/joomla_agence/

Merci

[algrand001]

Re : Logo responsive sur protostar

Je n'ai jamais utilisé protostar, donc je ne le connais pas.
Là je suis au boulot et je ne peux accéder à ton site pour le voir avec le lien que tu as donné. Certainement les protection de la boîte ou je bosse qui m'en empêche.
Pour les marges, c'est le "width" de ton template qui doit être définis en px à 800 ou 1280 px par exemple. En le passant à 100% le pb serait résolu. Si c'e n'es pas ça, c'est que des marges de x% sont définies sur ton template à gauche et à droite. il faut les supprimer ou les modifier.

[Magalux]

Re : Logo responsive sur protostar

Bonjour,

Merci de votre réponse, je vous joins le fichier CSS en version pdf.
Parmis tous ces champs je ne trouve pas les bons ..... Je précise que je l'ai mis en fluide depuis le backend, donc j'imagine que la balise width doit être en 100%.

Je souhaite également centrer mon menu mais sans succès. Le menu est tout en bas intitulé .menu-style ....

[Rajoz]

Re : Logo responsive sur protostar

Bonjour Magalux,

Pour les marges, mettre à la fin de template.css :

.body .container-fluid { padding: 0; }
.header { margin-bottom: 0; }

J'ai précisé .body pour que la suppression des marges de .container-fluid n'aie pas d'effet sur le module de connexion mis dans le footer.

Amicalement,
Rajoz

[Magalux]

Re : Logo responsive sur protostar

C'est parfait ! Merci Rajoz
Me reste à centrer mon menu horizontalement.

[Rajoz]

Re : Logo responsive sur protostar

Bonjour Magalux,

Pour centrer le menu horizontal, tu peux ajouter à la fin de template.css :

.moduletable_menu { text-align: center; }
.menu-style { display: inline-block; }

Amicalement,
Rajoz

[Magalux]

Re : Logo responsive sur protostar

Bonjour Rajoz,

Encore une fois c'est parfait !

Sujet clos, merci mille fois