- WordPress :6.5
- Statut : résolu
- Ce sujet contient 7 réponses, 2 participants et a été mis à jour pour la dernière fois par
, le il y a 10 mois et 1 semaine.
-
Messages
-
Bonjour,
Ma configuration WP actuelle
- Version de PHP/MySQL : 8.2
- Thème utilisé : Ocean WP
- Extensions en place : Woocommerce et autres
- Nom de l’hébergeur : o2switch
- Adresse du site : http://www.notabane-parfums.com
Problème(s) rencontré(s) :
Bonjour la Communauté !
Besoin d’aide pour un coup de CSS siouplait.
On parle de l’affichage en version mobile.
On peut constater 2 items : le panier et le hamburger/menu.
L’idée serait d’inverser leur ordre, c’est à dire à gauche le hamburger/menu et à droite (enfin, pas trop à droite….désolé, jeu de mot pourri cause actualité, pas réussi à me retenir…) le panier. Chaque item devant être les + opposés au possible, de chaque côté.
En capture « menu 1 » on peut voir une sorte de container.
En capture « menu 2 » la partie qui contient l’item panier
En capture « menu 3 » la partie qui contient l’item hamburger/menu
J’ai d’abord essayé de modifier le container. J’imagine qu’il y a déjà un CSS à rentrer là dedans pour « séparer » les 2 items.
Puis ensuite, j’ai essayé de modifier par item….
Ca fait des heures, que je bidouille en mode inspecteur, entre le display grid, flex, etc etc
J’avoue que là, je ne sais plus comment faire.
Remerciements
Super Ferman de retour dans la place !
Merci… Parfait, cela a bien mis à gauche le burger et à droite le panier.
Reste maintenant à mettre sur les côtés au maximum. En cliquant sur la petite grille du flex et en jouant sur les différentes possibilités j’arrive à mettre le panier tout à droite, aucun souci, mais le burger reste au milieu (capture ci dessous).
Entre l’avant-dernière et la dernière parenthèse du code précédent, ajoutez les lignes ci-dessous:
Et modifiez le 15% à votre goût.
Ferman…. mon « ange gardien », mon « mentor », mon « maître » (sans être vulgaire à connotation sexuelle ndlr).
Merci.
Cela fonctionne.
Je ne comprends pas cependant une chose. Quand je veux vraiment mettre sur les côtés, je monte jusque 30% ca passe. Sauf que, dès 20% et + cela « empile » les éléments.
À quoi correspond le padding ci dessus, il est interne ? je veux dire, il est entre les éléments entre eux et non à partir des côtés de l’écran ?
j’aimerai vraiment bien coller au maximum les 2 bazars sur les extrémités (toujours sans être vulgaire)
- Vous devez être connecté pour répondre à ce sujet.