Saverio Galax Posted 7 hours ago Share Posted 7 hours ago Uso prestashop 8.1.7, quando faccio l'ordine si vede in questo modo. Dal pc è tutto corretto ma da mobile non va... Prima funzionava , ho sistemato il file css per renderlo personalizzato. Ma mi sono accorto adesso come risolvo? Ecco il file custom.css : /* ================================ FONT ================================ */ @import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;700&display=swap'); body, h1, h2, h3, h4, h5, h6, p, a, li, span { font-family: 'Quicksand', sans-serif; } /* ================================ LAYOUT GENERALE ================================ */ body { padding-top: 50px; background: #ffffff; } #wrapper { padding-top: 1.563rem; background: #F4EADB !important; } /* ================================ BANNER ROSSO FISSO IN ALTO ================================ */ @keyframes changeText { 0%, 19% { content: "Le spedizioni partono il giorno successivo all’ordine."; } 20%, 39% { content: "Spedizioni entro 48/72 ore."; } 40%, 59% { content: "Supporta le piccole imprese del Sud."; } 60%, 79% { content: "Primi 100 ordini: -10% di sconto!"; } 80%, 100% { content: "Solo prodotti artigianali Calabresi."; } } body::before { content: "Supporta le piccole imprese del Sud."; display: block; width: 100%; background-color: #ff3b2d; padding: 10px; text-align: center; border-bottom: 2px solid #C2B280; font-size: 16px; color: #FFFFFF; position: fixed; top: 0; left: 0; z-index: 1000; animation: changeText 20s infinite linear; } /* ================================ BOTTONI ================================ */ .btn-primary { color: #fff; background-color: #ff4c4c; border-color: transparent; } .btn-primary:hover { background-color: #ff7f50; } /* ================================ PREZZO PRODOTTO ================================ */ span.current-price-value { font-size: 24px !important; font-weight: bold !important; } /* ================================ HEADER / NAV ================================ */ .header-nav, .header-nav .container { background-color: #ffffff !important; color: #333333 !important; } /* ================================ MEGA MENU ================================ */ .top-menu .sub-menu { border-radius: 12px !important; box-shadow: 0 8px 24px rgba(0,0,0,.12); border: 1px solid rgba(0,0,0,.06); background: #ffffff; padding: 15px; } /* ================================ ICONE CATEGORIE ================================ */ .top-menu .sub-menu .category > a:first-child[href*="salumi"]::before { content: "🥩 "; } .top-menu .sub-menu .category > a:first-child[href*="formaggi"]::before { content: "🧀 "; } .top-menu .sub-menu .category > a:first-child[href*="pasta"]::before { content: "🍝 "; } .top-menu .sub-menu .category > a:first-child[href*="conserve"]::before { content: "🥫 "; } .top-menu .sub-menu .category > a:first-child[href*="vini"]::before { content: "🍷 "; } .top-menu .sub-menu .category > a:first-child[href*="miele"]::before { content: "🍯 "; } /* ================================ PRODOTTO – IMMAGINI ================================ */ /* immagine principale: - NO click - NO zoom */ .product-cover, .product-cover img, .product-cover a { pointer-events: none !important; cursor: default !important; } /* rimuove lente / overlay */ .product-cover .zoom-icon, .product-cover .layer { display: none !important; } /* miniature: - DEVONO funzionare */ .product-images img, .product-images a { pointer-events: auto !important; cursor: pointer !important; } /* ================================ RESPONSIVE ================================ */ @media (max-width: 767px) { .layered-slider .slide img { width: 100% !important; height: auto !important; object-fit: cover; } } Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now