GuppY, the benchmark database free CMS

telecharger01.png


You are here :   Welcome » Forum » GuppY 6 » Diminution logo mobile
    Print this page...

Warning: GuppY 6.00.18

GuppY release 6.00.18 : pack, cumulative and non-cumulative patch

To upgrade from 6.00.17 to 6.00.18, you apply the non-cumulative GuppY 6.00.18 patch.

To upgrade from version 5.03.03 to version 6.00.18, you must follow the migration procedure described in this article.


For plugins and skins, please post on the author's website.

The skins and plugins of our friend Saxbar are available for download on this site.


 

Forum - GuppY 6 - Diminution logo mobile


Connected : (nobody)

  Topic # 131580
08/05/2022 @ 15:07
by 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 !

  

Answer n° 1
--------
08/05/2022 @ 18:07
by Papinou
Administrator

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

  
Answer n° 2
--------
08/05/2022 @ 20:06
by 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 !

  
Answer n° 3
--------
09/05/2022 @ 11:36
by Papinou
Administrator

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

  
Answer n° 4
--------
09/05/2022 @ 16:15
by 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 !

  
topic active   topic closed   Important!   New  
Correct message   Close topic   Make sticky topic