Menu version mobile écrasé (Créer un compte)

  • WordPress :6.0
  • Statut : non résolu
7 sujets de 1 à 7 (sur un total de 7)
  • Auteur
    Messages
  • #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.
    #2427948
    ferman
    Participant
    Maître WordPress
    6940 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;
    }
    }

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

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

    #2428170
    ferman
    Participant
    Maître WordPress
    6940 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 1 année et 5 mois par ferman.
    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #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.
    #2428305
    ferman
    Participant
    Maître WordPress
    6940 contributions

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

7 sujets de 1 à 7 (sur un total de 7)
  • Vous devez être connecté pour répondre à ce sujet.