[Résolu] Modifier le menu twenty seventeen (Créer un compte)

  • WordPress :6.4
  • Statut : résolu
11 sujets de 1 à 11 (sur un total de 11)
  • Auteur
    Messages
  • #2470307
    Nant Aveyron
    Participant
    Initié WordPress
    3 contributions

    Bonjour,

    Ma configuration WP actuelle

    • Version de PHP/MySQL : 8.0/ v.5.7
    • Thème utilisé : Twenty Seventeen enfant
    • Extensions en place : Yoast SEO
    • Nom de l’hébergeur : OVH
    • Adresse du site : https://millauvisite.fr

    Problème(s) rencontré(s) :

    Bonjour à tous, j’aimerai pouvoir gérer le menu Twenty Seventeen, la largeur, la hauteur, supprimer la flèche qu’il y a à droite du menu  et quand on le regarde sur un smartphone l’empêcher de disparaître quand on descend dans la page.

    Pour faire simple, quand on est sur un smartphone et que l’on descend dans la page le menu ne s’arrête pas en haut comme sur un ordinateur.

    Merci beaucoup pour vos réponses

    • Ce sujet a été modifié le il y a 2 mois par Nant Aveyron.
    • Ce sujet a été modifié le il y a 2 mois par Nant Aveyron.
    • Ce sujet a été modifié le il y a 2 mois par Nant Aveyron.
    #2470312
    Rock4Temps
    Participant
    Maître WordPress
    1033 contributions

    Bonjour,

    Pour un menu fixe notamment sur smartphone vous pouvez utiliser cette  Extension

    #2470313
    Rock4Temps
    Participant
    Maître WordPress
    1033 contributions
    #2470339
    Nant Aveyron
    Participant
    Initié WordPress
    3 contributions

    <span class= »bbp-author-name »>Rock4Temps</span>

    Merci pour la réponse, j’ai installé Mystickymenu2.6.9 qui est vraiment pas mal.

    Le problème est qu’après analyse avec LightHouse cela coûte cher à la performance.

    J’aurai préféré avoir du css additionnel et d’ailleurs où peut on en trouver?

    Bonne journée

     

    #2470340
    Rock4Temps
    Participant
    Maître WordPress
    1033 contributions

    La position fixe du menu peut se faire avec les régles css suivantes:

    position: fixed!important;
    top: 0;
    width: 100%;

    Il vous faut trouver la classe ou ID de votre menu via la console de chrome et appliquer les régles précédente à partir du menu apparence/ personnaliser/ css additionel.

     

    #2470345
    Rock4Temps
    Participant
    Maître WordPress
    1033 contributions

    Concernant LightHouse voici les recomendations:

    Lorsque vous utilisez la version Lighthouse accessible dans les outils Google Chrome pour développeurs, la vitesse est mesurée en utilisant votre propre connexion internet. Celle-ci a donc une influence sur les résultats, alors que la version en ligne utilise un environnement de laboratoire qui devrait, normalement, offrir des résultats neutres mais vous ne choisissez pas la géolocalisation.

    Par ailleurs, les personnalisations, et notamment les extensions, que vous avez ajoutées à votre navigateur Chrome auront également une influence sur le rapport de vitesse puisqu’elles doivent être chargées sur une page. C’est pourquoi, il sera nécessaire d’effectuer les tests depuis une fenêtre de navigation privée en désactivant les extensions installées dans Chrome.

     

    #2470387
    Rock4Temps
    Participant
    Maître WordPress
    1033 contributions

    Bonjour,

    Comme vous avez un theme enfant: twentyseventeen-enfant
    entree dans le fichier: twentyseventeen-enfant.css les régles CSS suivantes
    pour avoir un menu fixe sur mobile:

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

    .main-navigation {
    bottom: auto;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1000;
    background:#222;
    }

    }

    #2470388
    Rock4Temps
    Participant
    Maître WordPress
    1033 contributions

    code a ajouter dans le le fichier style.css du dossier: wp-content/theme/twentyseventeen-enfant

    #2470453
    Nant Aveyron
    Participant
    Initié WordPress
    3 contributions

    Bonjour,

    Ce dernier code css fait exactement ce que je cherchais.

    Merci beaucoup en souhaitant que vous passiez une bonne journée.

    #2470500
    Rock4Temps
    Participant
    Maître WordPress
    1033 contributions

    De rien, cette aide  vient d’un Rouergat expatrié en terre Normande!

    #2470501
    ferman
    Participant
    Maître WordPress
    6998 contributions

    expatrié en terre Normande!

    Et pas n’importe quelle terre normande: le Cotentin, ce qui se fait de mieux (en tout cas pour ce qui concerne la pluie et le vent) 🙁

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