Bonjour à tous,

Je viens de parcourir 6 pages du forum traitant de logos et n'ai pas trouvé solution à ma demande que je vous formule ainsi :

Je m'aperçois qu'en version mobile, le logo n'est pas ou trop peu réduit même en position "portrait" sur smartphone.

J'aimerai qu'il devienne petit comme c'est le cas pour les sites :

20minutes

le parisien ou autre l'équipe

Y'a t'il un moyen déjà prévu dans guppy ou faut-il ajouter une ligne dans styleplus ou bs4style et si oui merci de m'aiguiller à cela ?

Faut il créer un logo plus petit et l'appeler dans styleplus ou bs4style ?

Merci.

Salutations,

L'Avenir s'écrit en Vert !

Bonjour,

Tu peux essayer ceci dans le fichier mobstyle.css :

div.logo {
	padding-top: 30px !important;
	text-align: left !important;
	max-width: 60% !important;
}
.tblbox.SMI {
	background: transparent;
	border: 0px;
	margin-top: -2rem;
}

Il faudra adapter, si tu mets 50% ou 40% il sera encore plus petit.

Le principe étant qu'une image est redimensionnée à 100% dans le div container s'il n'y a pas de définition de largeur.

Cordialement, Papinou

Bonsoir Papinou,

Super !

Merci pour cette modif ultra rapide.

Quel expert !!!

J'ai aussi profité pour y mettre afin de ne pas afficher la bannière :

div.banner {      display: none; !important; }

ai-je bon ?

J'aimerai aussi réduire le bouton "connecter" et le bouton "menu vertical".

Je ne pense pas qu'ils aient besoin d'être si gros sur les petits écrans comme le mien ! (il est vrai que mon téléphone date)

Est-ce possible ?

Sur tablettes, pas de problème !

Merci pour ton expertise.

Salutations,

L'Avenir s'écrit en Vert !

Bonjour,

Pour la bannière, il y a un ; en trop, c'est :

div.banner { display: none !important; }

Pour la taille du menu, pas touche, c'est géré par Bootstrap suivant la taille de l'écran et les normes à appliquer.

Cordialement, Papinou

Bonjour Papinou,

Bien compris docteur ès css !

Je m'en vais de ce "pas" (référence au 8 ou 9 mai) corriger cela et te remercie pour les nombreuses améliorations que tu m'as prodigué !

Salutations, 

L'Avenir s'écrit en Vert !

Document généré en 0.01 seconde