Version Mobil

[BM92]

Bonjour a tous,
J'ai le bandeau de mon forum http://bmist.forumpro.fr/ qui ne s'adapte pas sur la version Mobil
Ceci est un exemple sur ma tablette mais d'autres membres on le même problème avec d'autre Smartphone ou Tablette.
Est-ce qu'il existe un paramétrage ou autre a faire ?
Comme interdire l'affichage de ce bandeau ?



Par avance merci
Claude

[horusbk]

Bonjour BM92,

Je vous propose deux solutions :

Vous souhaitez être en version PC sur votre tablette mais votre logo ne s'adapte pas à l'écran. Vous pouvez essayer ce code :

Code:

#i_logo{width:auto;}

A placer dans votre feuille de style CSS.

Vous pouvez également passer en version mobile quand vous êtes sur votre tablette en cliquant sur le lien présent tout en bas de votre forum : "version mobile".

Cordialement,
1baptiste #deBretagne

[BM92]

Bonjour 1baptiste,
Merci pour ta réponse, j'ai fait un essai sur ma tablette et cela a fonctionner
J'ai conseiller aux membres de faire de même

[Chacha]

..	Bonjour, Le topic est replacé à la demande de l'auteur du sujet. A bientôt sur ForumActif

[BM92]

Bonjour Chacha et merci pour l'ouverture du sujet
Sur les conseilles de 1baptiste j'ai mis #i_logo{width:auto;} dans la feuille de style.
Malheureusement cela ne change rien a mon problème
Le bandeau est bien a la largeur de la tablette mais les colonnes sont devenues plus petite
D'autre idées ?
Par avance merci
Claude

[Neptunia]

Bonjour ^^


L'identifiant i_logo n'existe pas sous PunBB !

Essayez plutôt avec celui-ci

Code:

#pun-logo
ou
#pun-logo img

[BM92]

Bonjour Neptune-
Bon c'est toujours la même chose
L'image est bien dimensionné mais les colonnes laissent toujours cette marge
En mode mobile les colonnes sont bien mais l'image disparait
Claude

[Neptunia]

Essayez de mettre ceci au tout début de feuille css
Pour ne pas afficher le header si le dispositif a un écran de moins de 600 px de largeur

Code:

@media screen and (max-device-width: 900px) {
  #pun-logo img {
    display: none;
  }
}

ou encore

Code:

@media screen and (max-device-width: 900px) {
  #pun-logo img {
    max-width: xxpx;
  }
}

en remplaçant xxpx pour définir la largeur maximale du header.

[BM92]

Bonsoir Neptune-
Bon il y a du mieux
Le forum s'affiche en mode Web, le problème est que l'image ne s'affiche pas
A la place de "display: none;" il ne faut pas mettre autre chose ?
Par avance merci
Claude

[Neptunia]

Et bien dans mon premier code effectivement le logo disparaît comme demandé dans le premier message du sujet

Comme interdire l'affichage de ce bandeau ?

Le second code quant à lui devrait faire en sorte que le logo ne dépasse pas la largeur xx spécifiée (et redimensionner la hauteur en conséquence)

---

Je m'exprime au conditionnel parce que je ne peux tester en direct (pas de dispositif mobile) et les émulateurs que je connais ne permettent pas d'étudier le code des pages.

[BM92]

Non je n'ai pas demandé a faire disparaitre le logo
Comme deja dis le logo a la bonne largeur
Par contre comme sur l'image de mon premier message
Les colonnes rétrécissent

[Neptunia]

Alors là je ne saisis pas la nuance entre "faire disparaitre" le logo comme dans votre dernier message ou "interdire l'affichage" comme dit dans votre premier message.

Pour moi c'est la même chose, enfin bref.

Essayez de jouer avec le max-device-width: 900px
900 j'ai bêtement copié/coller et ça semble beaucoup.

Si malgré des ajustements ça ne va pas et si la solution de faire disparaître le logo ne nous convient plus comparé a samedi dernier, désolé, je ne pourrais faire mieux.

[BM92]

Bonsoir
Bon après quelques essais je pense avoir trouver
J'ai demander a mes membres pour les essais
Merci

[Neptunia]

Afin que ce sujet puisse servir à d'autres, pourriez-vous poster le code CSS que vous avez inséré et qui semble avoir résolu le souci ?

[BM92]

Bonjour,
Bon d'après quelques membres les plus mécontent le problème est réglé.
Voici ce code qui est celui que Neptune- m'a donné

Version du thème : PunBB (punbb)
Code :

/*Bandeau redimentionner */
@media screen and (max-device-width: 900px) {
#pun-logo img {
max-width: 900px;
}
}

Code inserer en tout début de la feuille de style CSS

[MlleAlys]

..	Bonjour, Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir délester votre sujet, merci de poster dans les 24h qui suivent ce message et au moins une fois par semaine. Si votre sujet est résolu, dans ce cas, votre premier message et cochez l'icône A bientôt sur ForumActif

[BM92]

Bonjour,
Mon problème semble réglé
Merci a vous de m'avoir répondu
Claude