Menu version mobile écrasé

WordPress :6.0
Statut : non résolu

Ce sujet contient 6 réponses, 2 participants et a été mis à jour pour la dernière fois par ferman, le il y a 10 mois et 3 semaines.

7 sujets de 1 à 7 (sur un total de 7)

Auteur

Messages
31 octobre 2022 à 15 h 30 min #2427932
lafouix
Participant

Initié WordPress
23 contributions
Bonjour,

Ma configuration WP actuelle
- Version de PHP/MySQL :
- Thème utilisé : Estorepro
- Extensions en place : advanced editor tool, jetpack, contact form, regenerate thumbmail, mailpoet
- Nom de l’hébergeur : Ovh
- Adresse du site : litvabio.com
Problème(s) rencontré(s) :

Bonjour,

Actuellement la version mobile me pose souci, je met le screen en pièce jointe.

J’aimerais bien avoir une police adapté niveau taille et distincte de la version pc, est ce que c’est possible ?

J’ai mis du code dans le css additionnel, il marche bien sauf qu’il marche pour la version pc ET mobile, le voici :
```
.category-menu .category-toggle{
font-size: 18px;
}
#category-navigation ul li a {
font-size: 16px;
}
```
J’aurais voulu aussi virer l’icone de place, la mettre dans un endroit plus adapté que sur la ligne boutique ainsi que d’avoir un menu qui s’affiche en totalité ( quitte à ce qu’il soit plus petit ).

Merci.

Fichiers joints :
Vous devez être connecté pour voir les fichiers joints.
31 octobre 2022 à 17 h 47 min #2427948
ferman
Participant

Maître WordPress
6316 contributions
Bonjour,

Essayez ce code:
```
@media screen and (max-width: 600px) {

#site-navigation #primary-menu li a{font-size:12px;
	}
#site-navigation #primary-menu .sub-toggle{right:0px;
width:20px;
	}
#navbar #category-navigation,.category-toggle{width:120%;
  }
#navbar #category-navigation #category-menu li a {
font-size: 12px;
  }
}
```
1 novembre 2022 à 19 h 41 min #2428147

lafouix
Participant

Initié WordPress
23 contributions

Merci j’ai essayé en lieu et place du mien, cela n’a rien modifié que ca soit au niveau de l’icone, que sur le mobile qui affiche les menus bizarrement ou encore de la largeur assez faible du menu à gauche.

1 novembre 2022 à 21 h 05 min #2428168

lafouix
Participant

Initié WordPress
23 contributions

Impossible d’éditer, alors j’ai vérifier le code à nouveau en enlevant un qui faisait conflit ( pas tenir compte du premier message )

Alors le menu gauche s’adapte quand on clique sur découvrir ainsi que les lignes du menu en question.

Juste le menu de droite qui lui s’affiche à moitié sur le téléphone, l’autre moitié étant en dehors d’une visibilité potentielle.

1 novembre 2022 à 21 h 49 min #2428170
ferman
Participant

Maître WordPress
6316 contributions
En pièce jointe, à gauche, ce que je vois: ça déborde un peu à droite mais pas beaucoup. Vous voyez quelque chose de différend chez vous?

A droite ce qu’on obtient en ajoutant la ligne ci-dessous:
```
#site-navigation #primary-menu {right:20px;}
```
Qu’est-ce qui faisait conflit?
- Cette réponse a été modifiée le il y a 10 mois et 3 semaines par ferman.
Fichiers joints :
Vous devez être connecté pour voir les fichiers joints.
2 novembre 2022 à 14 h 49 min #2428290

lafouix
Participant

Initié WordPress
23 contributions

Alors c’était l’ancien code que j’ai supprimé justement à cause d’une défaillance.

Le votre marche beaucoup mieux merci, peut être que le menu à droite est du à mon téléphone au format spécifique ?! ( cf la pièce jointe de la capture du téléphone portable. )

Ah juste si l’icone on peut la décaler sur la gauche aussi histoire qu’elle recouvre pas le menu en parti.

Fichiers joints :
Vous devez être connecté pour voir les fichiers joints.

2 novembre 2022 à 15 h 42 min #2428305

ferman
Participant

Maître WordPress
6316 contributions

Essayez .sub-toggle{right:100px;}. Vous pouvez modifier cette valeur pour que ça vous convienne.
Auteur

Messages