Ergonomie de haut de page - onglet accueil - version mobile - AwesomeBB

[PhilippeV]

Détails techniques

Version du forum : AwesomeBB
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : test début de configuration
Lien du forum : https://sainteconsorce.forumactif.com/

Description du problème

Bonjour,
Sur la version mobile de la version AwesomeBB il existe un emplacement (rectangle noir) où viennent s'inclure la description du site et le logo du site mobile implicite à la version ou, si on le souhaite, un logo paramétré dans l'écran de configuration du site ad-hoc (paramétrage/affichage/Gestion des images)
Peut-on adapter/réduire la hauteur de ce rectangle où vient se loger le logo et en surimpression la description du site?
Merci
Cordialement

[chattigre]

Bonjour,

Je vais me permettre avant tout d'apporter une petite clarification : il ne s'agit justement pas de la version mobile d'AwesomeBB (qui est identique à la version PC mais affichée différemment) mais bien de la version Mobile moderne, dédiée uniquement aux mobiles. Elle est par défaut désactivée sur AwesomeBB qui est adaptée aux mobiles sans besoin d'une version mobile spécifique.
Vous pouvez effectivement changer cela dans le PA / Affichage / Templates / Version mobile.
"L'index de votre forum dirige vers :"
- Version web : Version AwesomeBB, qui sera de toute façon responsive également, mais plus complète que la version mobile moderne
- Version mobile : Version mobile moderne que vous utilisez actuellement sur votre forum, qui ressemble visuellement à AwesomeBB mais est moins complète, plus simplifiée et dédiée aux opérations de base sur mobile, quelle que soit votre version "pc" hors AwesomeBB et ModernBB.

Vous choisissez ce que vous préférez sans souci, mais attention à ne pas confondre les deux.
Ici, nous parlons donc de la version Mobile moderne


----

Pour changer la hauteur du bloc "logo" de la page d'accueil, ajoutez à votre CSS :

Code:

.box .forum-header .forum-header-content, .box .forum-header .forum-header-background {
  height: 200px;
}

.box .forum-header .forum-header-content img {
  max-width: 200px;
}

Vous pouvez bien entendu remplacer 200px dans les 2 règles par la hauteur de votre choix (attention à bien mettre la même aux 2 règles et non 2 différentes.)


Cordialement

[Chacha]

Bonjour, Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message. Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »

[Chacha]

Bonjour, Nous n'avons plus de nouvelle de l'auteur de ce sujet depuis plus de 7 jours. Nous considérons donc ce problème comme résolu ou abandonné. La prochaine fois, merci de nous tenir au courant de l'évolution de votre problème, ou pensez à faire un UP régulièrement ! Ce sujet est archivé afin de ne pas perdre les réponses apportées.