J'ai stylé mon en-tête pour avoir une position supérieure fixe. Une fois connecté à wordpress, la barre de navigation de l'administrateur wp couvre la partie supérieure de mon en-tête, rendant impossible l'accès à ma navigation supérieure. Je voudrais que le nav d'administration wp pousse ma navigation supérieure ci-dessous pour que les deux soient visibles. Quelqu'un connaît-il une solution pour résoudre ce problème?
Un exemple de mon problème peut être trouvé sur ... www.nickriversdesign.com/dev
Essayez d'ajouter ceci à votre fichier CSS:
la
body.admin-bar
déclaration à l'avant s'assurera que ces styles ne sont appliqués que lorsque la barre d'administration est visible.la source
.admin-bar
n'apparaît plus dans WordPress 4. Il est maintenant appelé#wpadminbar
et n'encapsule pas le contenu, par conséquent, ce qui précède ne peut pas être appliqué à la version 4+Je crois que, sur les appareils avec des largeurs plus petites, wpadminbar n'est pas positionné fixe. Donc, si vous faites défiler le document dans un smartphone, la barre d'administration suivra le défilement et ne restera pas en haut de la fenêtre. En gardant cela à l'esprit, pourquoi ne pas ajouter du javascript dans le pied de page de votre thème juste après l'
wp_head()
appel. De cette façon, nous pouvons cibler la largeur de l'appareil et si le document a ou non la barre d'administration. Ensuite, créez simplement quelques règles CSS et ajoutez-les à la tête du document - comme ci-dessous!En supposant que votre nav a une classe
'main-navigation'
et que vous faites défiler, vous ajoutez une autre classe qui lui est nommée'fixed'
. Modifiez le CSS pour cibler votre panneau de navigation en le remplaçant'body.admin-bar .main-navigation.fixed'
par celui que vous souhaitez cibler le vôtre.Il peut être encore amélioré, par exemple en vérifiant si la barre d'administration est fixe ou non, mais pour l'instant, j'espère que cela vous aidera.
la source
Essayez ceci pour WordPress 4+. Il vérifie si la barre d'administration est présente et si c'est le cas, déplacez l'en-tête fixe vers le bas pour compenser.
la source
Ça marche aussi
la source
Je viens d'utiliser ce CSS.
la source
Essayez ça, ça marche bien
la source
donner la barre de navigation supérieure
la source