décalage de la mise en page du panier

[Sam]

Bonjour à tous,

J’utilise Le thème Astra, avec Elementor

Mon soucis est que la mise en page du panier se met totalement à gauche de l’écran uniquement sur les widgets qui concernent le panier ou la commande.

Sur la même page, je peux utiliser un autre widget de texte ou d’image et aucun soucis.

le lien de la page : https://sircu4wd1k.onrocket.site/panier/?preview_id=34485&preview_nonce=ad0769f88e&preview=true

Quelqu’un aurait une piste ?

Merci

 

Have fun with WordPress

[Sam]

Je précise que je n’arrive pas à cibler le problème avec du css

Have fun with WordPress

[Victor de Nivo-Web]

Bonjour,

Je confirme qu’il y a du CSS un peu bizarre qui provient d’Astra.

.woocommerce .e-cart__container{
grid-template-columns: 100% !important;
}

@media screen and (min-width: 922px) {
#ast-cart-wrapper .ast-cart-non-sticky {
width: 100% !important;
}}

@media screen and (min-width: 922px) {
#ast-cart-wrapper .cart-collaterals {
width: 100% !important;
}}

Ces différents morceaux de CSS devraient régler le problème.

Mais tout dépend de la taille de l’écran, il semble qu’il y ait des media queries de définies.

Victor Gauthereau, Président de Nivo-Web agence Web sur Paris et Bordeaux.
Vous avez apprécié mon aide ? Cliquez ici pour me remercier GRATUITEMENT
Besoin d'une agence web pour votre projet ? Contactez-nous ?
Site Web: https://nivo-web.com
Email: victor@nivo-web.com
Tel: 07 55 78 21 91
Standard: 09 77 25 01 18
Mes Ressources WordPress

Have fun with WordPress

[Sam]

Bonjour,

Un grand merci pour votre réponse.

Ca ne change pas grand chose.

Je n’arrive pas à comprendre pourquoi mon container qui a deux colonnes à la base se retrouve avec une colonne vide et la deuxième en dessous.

Have fun with WordPress

[Victor de Nivo-Web]

C’est la gestion par CSS-Grid qui ne semble pas être en place correctement. Je ne saurais pas dire pourquoi.

Victor Gauthereau, Président de Nivo-Web agence Web sur Paris et Bordeaux.
Vous avez apprécié mon aide ? Cliquez ici pour me remercier GRATUITEMENT
Besoin d'une agence web pour votre projet ? Contactez-nous ?
Site Web: https://nivo-web.com
Email: victor@nivo-web.com
Tel: 07 55 78 21 91
Standard: 09 77 25 01 18
Mes Ressources WordPress

Have fun with WordPress

[Auteur]

Messages