Récemment sur le groupe Facebook Divi Community SupportQuelqu’un s’est demandé comment retirer le logo du menu pour arriver à quelque chose comme ceci:

Le logo chevauche le menu Divi

Et comme personnaliser un peu vos sites Web peut être utile (et très simple) pour beaucoup d’entre vous, voici la solution.

Tout ce que vous avez à faire est d’ajouter ces quelques lignes de CSS Apparence-> Personnaliser-> CSS supplémentaire ou dans le fichier style.css Le sujet de votre enfant:

/*FAIRE DEPASSER LE LOGO DU MENU DE DIVI*/

/*Taille du logo sur tablette et téléphone*/
@media only screen and (max-width: 980px) {
#logo {
min-height: 150px;
}
}

/*Taille du logo sur grand écran*/
@media only screen and (min-width: 981px) {
#logo {
min-height: 200px;
}
}

Et allons-y. Il suffit de viser le logo avec son identifiant et de lui appliquer une taille minimale. Nous définissons la propriété deux fois à l’aide du support de requête CSS pour affiner sa taille en fonction des écrans.

Incidemment, nous utilisons la limite de 980px, puisque le menu passe alors à l’affichage tablette / smartphone.

Vous devez maintenant ajuster les différentes tailles de pixels dans le code CSS pour afficher votre logo comme vous le souhaitez. N’oubliez pas de vérifier également la taille sur le téléphone 😉





Source link

Recent Posts