Désactiver version mobile
Atheus Membre non connecté
Booster Minigun
-
Booster Minigun
- Voir le profil du membre Atheus
- Inscrit le : 01/10/2009
- Groupes :
question peut-être saugrenue, mais est-il possible de désactiver simplement la version mobile ?
Je souhaiterais que le site soit toujours dans sa version "écran".
janus57 Membre non connecté
-
Booster Fusée
- Voir le profil du membre janus57
- Inscrit le : 07/12/2007
- Groupes :
-
Equipe Assistance
il vous "suffit" de supprimer tout le CSS mobile.
Sinon pourquoi vouloir faire ça ?
Cordialement, janus57
Atheus Membre non connecté
Booster Minigun
-
Booster Minigun
- Voir le profil du membre Atheus
- Inscrit le : 01/10/2009
- Groupes :
Je préfère jouer du doigt.
Et avec PhpBoost et les menus gauche et haut c'est assez vite inesthétique je trouve.
Sois on désactive les menus flottant au quel cas on ne peut pas naviguer. Soit on les laisse et ils se retrouvent en bas du contenu.
Bref pas très ergonomique je trouve au final (et c'est un ergonome qui le dit)

Il faut que j'édite tous les fichiers CSS de mon thème quoi... ce que je craignais.
Tous les blocs
Code CSS :
en somme ?@media (min-width:769px){ ... }
Merci pour votre réactivité en tout cas.
Édité par Atheus Le 27/09/2016 à 20h47
janus57 Membre non connecté
-
Booster Fusée
- Voir le profil du membre janus57
- Inscrit le : 07/12/2007
- Groupes :
-
Equipe Assistance
selon la disposition des menu et le type de menu ils seront soit en haut soit en bas en version mobile (et de mémoire).
Si je prend le site officiel le menu est bien en haut en version mobile te je ne vois pas en quoi cela n'est pas ergonomique.
EDIT :
menu placé en "Sous entête" ==> menu en haut de page sur mobile
Cordialement, janus57
Édité par janus57 Le 27/09/2016 à 20h57
Atheus Membre non connecté
Booster Minigun
-
Booster Minigun
- Voir le profil du membre Atheus
- Inscrit le : 01/10/2009
- Groupes :
Mais quand tu as en haut ta barre connexion/administration/panneau de modération et que sur la gauche tu as tes menus, l'affichage en mode mobile ne rend pas aisé la navigation car toutes ses fonctions ne sont pas à proximité.
Enfin bref, c'est forcément affaire de goût, mais je ne suis pas le seul à ne pas aimer les sites en versions mobiles (mes membres me demandent en majorité de le supprimer).
Cordialement,
sebastien
[Edit] Et vous trouvez joli les menus en haut du contenu ?
Édité par Atheus Le 27/09/2016 à 21h01
janus57 Membre non connecté
-
Booster Fusée
- Voir le profil du membre janus57
- Inscrit le : 07/12/2007
- Groupes :
-
Equipe Assistance
donc il vous faut supprimer tout les media query et garder le CSS pour les grande taille.
Note : il y a 3 media query normalement : téléphone / tablette / PC.
Citation :
[Edit] Et vous trouvez joli les menus en haut du contenu ?
Si le/les menus sont bien intégré(s), oui.
Cordialement, janus57
Édité par janus57 Le 27/09/2016 à 21h03
babsolune Membre non connecté
-
Administrateur
- Voir le profil du membre babsolune
- Inscrit le : 16/05/2008
- Site internet
- Groupes :
-
Equipe Développement
Oula attention avec les media query, le design est prévu en mobile first (à quelques exeptions près) = le design est construit pour les mobiles puis modifier par media query pour l'affichage en grand ecran, donc supprimer les media query revient à supprimer le design grand écran
La disposition du corp du site (colonne de gauche, contenu central, colonne de droite) est gérée par une flexbox dans le design.css =
en mobile: disposition verticale
colonne de gauche = position 2
contenu central = position 1
colonne de droite = position 3
Code CSS :
div#main { padding: 0 0 10px 0; max-width: 100%; order : 1; -ms-flex-order: 1; -webkit-flex-order: 1; } aside#menu-left { order : 2; -ms-flex-order: 2; -webkit-flex-order: 2; } aside#menu-right { order : 3; -ms-flex-order: 3; -webkit-flex-order: 3; }
en grand ecran: disposition horizontale
colonne de gauche = position 1
contenu central = position 2
colonne de droite = position 3
Code CSS :
@media (min-width: 769px) ... div#main { padding: 0 10px; order : 2; -ms-flex-order: 2; -webkit-flex-order: 2; flex: 1 0 auto; -ms-flex: 1 0 100%; } aside#menu-left { order : 1; -ms-flex-order: 1; -webkit-flex-order: 1; } aside#menu-right { order : 3; -ms-flex-order: 3; -webkit-flex-order: 3; }
il suffit de modifier les positions
au delà de l'esthétisme/ergonomie, le fait qu'un design soit adapté en mobile est devenu une option primordiale pour le référencement
Atheus Membre non connecté
Booster Minigun
-
Booster Minigun
- Voir le profil du membre Atheus
- Inscrit le : 01/10/2009
- Groupes :
Merci pour ces précisions.
J'ai changé les positions pour toutes les mettre dans cet ordre : main=2 left=1 et right=3
Mais malgré ça, j'ai toujours un affichage aligné en version mobile.
Si je veux exactement le même affichage sur mobile que sur écran large, j'ai d'autres choses à modifier j'imagine ?
Merci encore pour votre réactivité.
Swan Membre non connecté
Booster Mortier
-
Booster Mortier
- Voir le profil du membre Swan
- Inscrit le : 31/05/2013
- Site internet
Astuce : pour cela il suffit de repartir d'un thème 4.1 ( fouiller dans le design.css) et vous trouverez comment avoir un thème non responsive ..
Swan

ElenWii Membre non connecté
-
Administrateur
- Voir le profil du membre ElenWii
- Inscrit le : 14/08/2009
- Site internet
- Groupes :
-
Equipe Graphique
@media (min-width: 769px)) :- le
width des classes aside#menu-left et aside#menu-right- et ajouter un
width: x%dans le main (La somme des 3
width devant faire 100%.)
Atheus Membre non connecté
Booster Minigun
-
Booster Minigun
- Voir le profil du membre Atheus
- Inscrit le : 01/10/2009
- Groupes :
Rien sur PC, ni sur smartphone.
Ce n'est donc pas dans design.css que ça se joue.
@ElenWii
Alors j'ai l'impression que quand je touche aux largeurs dans @media (min-width: 769px), c'est surtout le page "PC" qui bouge.
Et de fait, min-width=769 c'est pour les écran de minium 769pixels, donc les grands non ?
Édité par Atheus Le 28/09/2016 à 17h22
babsolune Membre non connecté
-
Administrateur
- Voir le profil du membre babsolune
- Inscrit le : 16/05/2008
- Site internet
- Groupes :
-
Equipe Développement
c'est ça
de fait, tout ce qui se trouve avant concerne la partie mobile
ElenWii Membre non connecté
-
Administrateur
- Voir le profil du membre ElenWii
- Inscrit le : 14/08/2009
- Site internet
- Groupes :
-
Equipe Graphique
Atheus Membre non connecté
Booster Minigun
-
Booster Minigun
- Voir le profil du membre Atheus
- Inscrit le : 01/10/2009
- Groupes :
Y'en a partout ! pas que sur design.css et en plus, même en m'efforçant de ne changer que ce qu'il y a dans max-width:768px; ça change aussi mon affichage sur grand écran ! A devenir dingue.
Édité par Atheus Le 06/10/2016 à 18h05
ElenWii Membre non connecté
-
Administrateur
- Voir le profil du membre ElenWii
- Inscrit le : 14/08/2009
- Site internet
- Groupes :
-
Equipe Graphique
Par contre, la manipulation à faire n'est pas très compliquée mais surtout longue car il faut reprendre tous les fichiers css.
Il faut supprimer le code entre les balises :
@media(max-width: 768px)@media(min-width: 481px)@media(max-width: 480px)Et supprimer les balises en conservant code pour les balises :
@media(min-width: 769px)
Répondre
Vous n'êtes pas autorisé à écrire dans cette catégorie
