Problème affichage produit mobile Woocommerce

Problème affichage produit mobile Woocommerce

Affichage fiche produit

Vous avez un problème d’affichage de la fiche produit WooCommerce sur les smartphones et iphones ?

La taille de l’image et du résumé reste à 54% ?

Quand vous changez en locale et mettez pleine largeur, votre page produit sur PC apparaît en dessous de l’image en pleine largeur , et sur mobile se place correctement. 

Voici comment résoudre ce problème!

Comment procéder :

Connectez-vous sur votre interface WordPress, cliquez sur l’onglet apparence ensuite personnalisé, descendez tout en bas css personnalisé. 

Ensuite entrer le code suivant :

@media only screen and (max-width:768px) {
.woocommerce #content div.product div.images,
.woocommerce div.product div.images,
.woocommerce-page #content div.product div.images,
.woocommerce-page div.product div.images,
.woocommerce #content div.product div.summary,
.woocommerce div.product div.summary,
.woocommerce-page #content div.product div.summary,
.woocommerce-page div.product div.summary {
width: 100%;
}
}

Cliquer sur publier 

Actualiser la page de votre produit, ensuite regardez la version mobile et contrôler si la mise à jour à été effective, penser à vider votre cache!

Mise à jour effectuée

Toutes les versions (Pc, mobile et tablette) de votre site sont à jour l’affichage est correct sur l’affichage smartphone. Le code CSS a été ajouté à votre fichier.

Fermer le menu
Fermer le panneau

Contact Us:

Street Name, FL 54785

Visit our Location

(01) 54 214 951 47

Call us Anytime

Mon - Fri 08:00-19:00

Sat and Sun - CLOSED

Follow Us:

Stay in Touch: