Modifier le menu twenty seventeen

WordPress :6.4
Statut : résolu

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

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

Auteur

Messages
28 mars 2024 à 23 h 11 min #2470307
Nant Aveyron
Participant

Initié WordPress
8 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 6 mois et 2 semaines par Nant Aveyron.
- Ce sujet a été modifié le il y a 6 mois et 2 semaines par Nant Aveyron.
- Ce sujet a été modifié le il y a 6 mois et 2 semaines par Nant Aveyron.
29 mars 2024 à 8 h 25 min #2470312

Rock4Temps
Participant

Maître WordPress
1111 contributions

Bonjour,

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

29 mars 2024 à 8 h 25 min #2470313

Rock4Temps
Participant

Maître WordPress
1111 contributions

Extension

29 mars 2024 à 12 h 07 min #2470339

Nant Aveyron
Participant

Initié WordPress
8 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

29 mars 2024 à 12 h 27 min #2470340
Rock4Temps
Participant

Maître WordPress
1111 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.
29 mars 2024 à 13 h 25 min #2470345

Rock4Temps
Participant

Maître WordPress
1111 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.

31 mars 2024 à 10 h 35 min #2470387
Rock4Temps
Participant

Maître WordPress
1111 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;
	}

}
```
31 mars 2024 à 10 h 38 min #2470388

Rock4Temps
Participant

Maître WordPress
1111 contributions

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

2 avril 2024 à 12 h 06 min #2470453

Nant Aveyron
Participant

Initié WordPress
8 contributions

Bonjour,

Ce dernier code css fait exactement ce que je cherchais.

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

2 avril 2024 à 19 h 51 min #2470500

Rock4Temps
Participant

Maître WordPress
1111 contributions

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

2 avril 2024 à 19 h 58 min #2470501

ferman
Modérateur

Maître WordPress
7131 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) 🙁
Auteur

Messages