Home › Forum › Problemi Vari con WP › fotografie schiacciate in orizzontale
-
AutorePost
-
-
27 Settembre 2021 alle 16:21 #126572AnonimoInattivo
Buonasera,
ho un problema con la visualizzazione delle immagini sui dispositivi mobili.
In particolare le immagini inserite negli articoli (600×400 pixel) si vedono schiacciate in orizzontale sui cellulari.
A questo link è possibile vedere il problema:ovviamente da computer desktop e tablet si vede benissimo.
Vorrei capire…. grazie per l’aiuto.Daniele
-
27 Settembre 2021 alle 17:46 #126576SteveAglAmministratore del forum
Cambiando nel file css del tema, che spero avrai come child.
.wp-block-image img {
max-width: 100%;
}in
.wp-block-image img {
max-width: 100%;
height: auto;
min-width: 100%;
} -
27 Settembre 2021 alle 17:51 #126578AnonimoInattivo
Ciao, intanto ho visto che hai i js che bloccano il sorgente della pagina con il tasto destro. Cmq ho risolto. Le tue foto sono 600×376. Non so che plugin stai usando e che tema stai usando per inserire le tue immagini? Secondo me c’è qualcosa che non gira bene. Però da frontend non riesco a capire?
Ciao-
27 Settembre 2021 alle 18:56 #126581AnonimoInattivo
ti ringrazio
ho provato ad aggiungere il codice suggerito nella personalizzazione del tema e vedo subito che l’anteprima a monitor funziona, le foto si vedono bene e non sono più schiacciate; mentre se provo con il mio cellulare non noto il cambiamento, devo provare con altri dispositivi.
Grazie infinite per l’aiuto
-
-
27 Settembre 2021 alle 19:19 #126582SteveAglAmministratore del forum
Avrai in cache il file css sul tuo cellulare, e quindi le modifiche non le vedi, cancella la cache del browser sul telefonino e dovresti vedere tutto.
-
30 Settembre 2021 alle 11:21 #126603AnonimoInattivo
benissimo grazie, ora le immagini si vedono perfette anche sui dispositivi mobili!!
Ho notato che lo stesso problema dello schiacciamento orizzontale si presenta anche con i blocchi video (linkati su youtube).
Scopiazzando dal codice che mi hai suggerito ho provato a inserire queste righe nel css ma non ha funzionato:
.wp-video {
max-width: 100%;
height: auto;
min-width: 100%;
} !important
-
-
30 Settembre 2021 alle 11:30 #126604AnonimoInattivo
.wp-video {
max-width: 100%;
height: auto;
min-width: 100%;
} !important/* !important va dentro la parentesi graffa, tipo così –> color: #fff !important;} */
-
-
AutorePost
- Devi essere connesso per rispondere a questo topic.