Beez 3 pour mobiles

[salomon]

Bonjour,

J'ai un peu de mal avec la modification des CSS pour Beez3 version smartphones. Globalement j'ai réussi à m'en sortir avec le fait de ne pas afficher certains éléments (display: none) et ça a suffi pour l'essentiel. Mais mon site est bilingue et le sélecteur de langue qui en principe se situe en haut à droite dans la version "PC" est descendu en pied de page sur la version "mobiles" et je n'arrive pas à le remonter ... Quelqu'un pourrait-il m'aider???
Le site est visible ici
Un grand merci d'avance!

[Rajoz]

Re : Beez 3 pour mobiles

Bonjour salomon,

Avec Beez3 la vue gauche-contenu-droite de la version grand écran devient en mode petit écran de haut en bas :
gauche
contenu
droite

En mettant le module "Langue - שפה" à droite, il se retrouve en bas lors du passage sur mobile.

Puisque la colonne de gauche est en haut en mode mobile, n'est-il pas possible de mettre ce module à gauche au-dessus du menu, même si cela change un peu l'organisation ?

Amicalement,
Rajoz

[electrocity]

Re : Beez 3 pour mobiles

Bonjour,

Ajoutez un nouveau module langue à gauche + 2 media query dans le CSS;

@media only screen and (max-width: 480px) {

	#right .moduletablelang {
display:none;
}

@media only screen and (min-width: 481px) {

	#nav .moduletablelang {
display:none;
}

en admetant que vous ajouter la class de module lang sur ces 2 modules
mais le plus simple est de faire une classe dédié

@media only screen and (max-width: 480px) {

	.show-phone {
display:none;
}

@media only screen and (min-width: 481px) {

	.hidden-phone {
display:none;
}

dans ce cas là, il suffit de mettre un espace+ la class (" show-phone" ou " hidden-phone") selon le cas dans la class de module.

[salomon]

Re : Beez 3 pour mobiles

Merci beaucoup pour ces 2 réponses, l'une simple et utilisable, l'autre plus complexe pour les autres cas, maintenant j'ai le choix!
A très bientôt