GuppY, le CMS de référence sans base de données

telecharger.png

Vous êtes ici :   Accueil » Forum » GuppY 6 » Diminution logo mobile
    Imprimer la page...

Attention : GuppY 6.00.09

Sortie de GuppY 6.00.09 : pack et patch cumulatif et non-cumulatif

Pour passer de la version 6.00.08 à la 6.00.09 vous appliquez le patch non-cumulatif GuppY 6.00.09 .

Pour passer de la version 5.03.03 à la version 6.00.09, vous devez impérativement suivre la procédure de migration décrite dans cet article.
 

Pour les plugins et pour les skins, merci de poster sur le site de leur auteur.

Les skins et les plugins de notre ami Saxbar sont en téléchargement sur ce site.

 

Forum - GuppY 6 - Diminution logo mobile


Connectés : ( personne )

  Sujet n° 131580
le 08/05/2022 @ 15:07
par hulky42

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 !

  

Réponse n° 1
--------
le 08/05/2022 @ 18:07
par Papinou
Administrateur

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

  
Réponse n° 2
--------
le 08/05/2022 @ 20:06
par hulky42

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 !

  
Réponse n° 3
--------
le 09/05/2022 @ 11:36
par Papinou
Administrateur

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

  
Réponse n° 4
--------
le 09/05/2022 @ 16:15
par hulky42

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 !

  
sujet actif   sujet clos   Important!   Nouveau  
Rectifier message   Clôturer sujet   Remonter sujet