Forum

Bonjour,

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".

Bonjour,

il vous "suffit" de supprimer tout le CSS mobile.

Sinon pourquoi vouloir faire ça ?

Cordialement, janus57

Personnellement sur mes smartphones je déteste les sites internet en version mobile justement.
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 en somme ?

Merci pour votre réactivité en tout cas.

Édité par Atheus Le 27/09/2016 à 20h47

Bonjour,

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

Sur le site officiel il n'y a qu'un menu en haut.
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

Bonjour,

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.


Si le/les menus sont bien intégré(s), oui.

Cordialement, janus57

Édité par janus57 Le 27/09/2016 à 21h03

plop

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


en grand ecran: disposition horizontale
colonne de gauche = position 1
contenu central = position 2
colonne de droite = position 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

Je m'étais rendu compte hier en modifiant les media queries que ça mettait un beau chantier sur la version grand écran, je suis revenu en arrière.

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é.

Bonjour ,

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

il te faut modifier dans la partie 'petit écran' (

@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%.)

@swan. J'ai uploadé le design.css de la version 4.1 du thème que j'utilise (vertigo) et ça ne change rien.
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

plop

c'est ça
de fait, tout ce qui se trouve avant concerne la partie mobile

Oops c'était max 768

J'ai fait à peu près tout ce que j'ai pu lire ici (et je vous en remercie une nouvelle fois), mais franchement, je n'arrive pas à enlever cette gestion d'affichage "petit écran".
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

J'avou ne pas avoir prévu le cas où quelqu'un ne souhaiterais pas la responsivité.

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)