Descrizione
/* — Responsive fix: Horizon + descrizione prodotto / contenuto RTE — */
/* Contenitori tipici da coprire:
– descrizione prodotto
– rich text / rte
– blocchi di testo del tema */
.product__description img,
.product__description iframe,
.product__description video,
.rte img,
.rte iframe,
.rte video,
.rich-text img,
.rich-text iframe,
.rich-text video,
.shopify-policy__body img,
.shopify-policy__body iframe,
.shopify-policy__body video {
max-width: 100% !important;
width: auto !important;
height: auto !important;
display: block;
}
/* Se Shopify o l’editor ha messo width inline o classi con larghezza fissa,
questa regola forza il comportamento responsive quando l’elemento
supera il contenitore */
.product__description img[width],
.rte img[width],
.rich-text img[width],
.shopify-policy__body img[width] {
width: 100% !important;
max-width: 100% !important;
height: auto !important;
}
/* Immagini dentro figure o link */
.product__description figure,
.rte figure,
.rich-text figure {
max-width: 100% !important;
width: 100% !important;
margin: 0 0 1rem;
}
.product__description figure img,
.rte figure img,
.rich-text figure img,
.product__description a img,
.rte a img,
.rich-text a img {
max-width: 100% !important;
height: auto !important;
}
/* Tabelle o wrapper che causano overflow nella descrizione */
.product__description,
.rte,
.rich-text,
.shopify-policy__body {
overflow-wrap: anywhere;
}
.product__description table,
.rte table,
.rich-text table {
display: block;
width: 100%;
max-width: 100%;
overflow-x: auto;
}
/* Video embed responsive */
.product__description iframe,
.rte iframe,
.rich-text iframe {
width: 100% !important;
max-width: 100% !important;
}
/* Opzionale: immagini centrate senza uscire dal layout */
.product__description img,
.rte img,
.rich-text img {
margin-left: auto;
margin-right: auto;
}








Recensioni
Ancora non ci sono recensioni.