le MEMO du WEB développeur
••• Wordpress •••  Liste des Mémos, astuces et bonnes pratiques

Bug Barre d'administration Wordpress et position absolue d'un élement

Si votre thème Wordpress comporte des élements positionnés en absolute, il y a de grandes chances pour que vous constatiez un décalage de 28px (hauteur de la barre d'administration) dans le positionnement de ces éléments lorsque vous êtes connecté à l'administration Wordpress sur votre navigateur et que cette barre supérieure de gestion de l'administration apparaît.

Si votre thème est un thème moderne et que l'élément <body> de votre site est affecté de la classe body_class()

<body <?php body_class(); ?>>

La manip pour réparer ce décalage d'affichage est simple.

Imaginons que l'élement positionné en absolute et qui subit ce décalage est un div :

<div class="div_decale" type="position:absolute; top:10px;">blabla</div>

Il suffira, dans votre feuille de style de rajouter un patch afin de rajouter 28px à la propriété top de votre élément (ici 10 + 28 px) :

.admin-bar .div_decale { top:38px; }

 

publié le 14/03/2014 par Memo Web
Bug
Commenter le Mémo :

Passer un paramètre variable dans get_template_part()
Liste des catégories Wordpress. Exclure certaines catégories
Ajouter le formulaire de recherche Wordpress en PHP
Problème envoi de mail sous 1&1 avec site Wordpress
Recadrer une miniature (thumbnail) WordPress
Une liste d'articles au hasard dans Wordpress
Limiter le nombre de brouillons enregistrés à la modification d'un post
Installer Bedrock avec Wamp Serveur
Wordpress Warning: Cannot modify header information - headers already sent by ...
Parcourir les catégories des articles de WordPress
Ajoutez vos propres Mémos sur MEMO-WEB

Il suffit de vous créer un compte sur le site

Vous pourrez choisir un thème parmis l'une des catégories proposées par MEMO-WEB.

Rédigez votre Mémo.
Après validation par MEMO-WEB, il sera mis en ligne.
Ajouter vos Mémos