Supporto » Varie ed eventuali » Visualizzazione immagini smartphone orientamemento orizzontale

  • Buonasera,

    sto costruendo il sito con il Tema Astra free ed Elementor Pro. I contenuti si visualizzano bene in tutti i dispositivi tranne nel caso in cui provo a visualizzare il sito con lo smartphone orientato orizzontalmente. In questo caso le immagini (sono rotonde), sia del footer che della pagina, diventano giganti rispetto al resto del sito. Se provo a ridurre la larghezza, ovviamente si riduce anche quella dell’immagine vista su smartphone verticale e non mi va bene. Quale può essere il problema? Sbaglio qualche settaggio nelle dimensioni delle immagini?

    Grazie in anticipo a chi mi aiuterà

Stai visualizzando 2 risposte - dal 1 al 2 (di 2 totali)
  • Moderatore Rosetta Facciolini

    (@ramthas)

    Web Manager

    Buongiorno @mc2105
    quello è un problema di impostazione tema e CSS oppure del plugin, quindi consiglio di chiedere aiuto al supporto del tema e/o del plugin, perchè come puoi immaginare non possiamo sapere come sono strutturati i diversi siti con i rispettivi plugin e temi correlati, quindi, anche volendo, è molto difficile se non impossibile, dare un parere in merito.

    Come suggerito anche nella pagina principale del supporto

    Stai cercando aiuto per uno specifico tema o plugin? Vai alla pagina del tema o plugin e fai clic sul link “Vedi forum di supporto” (“View support forum”) per entrare nel forum di supporto dedicato.

    Il supporto per Astra è qui: wordpress.org/support/theme/astra/
    Il supporto per Elementor è qui: elementor.com/support/

    Ciao e buon lavoro!

    steve92

    (@steve92)

    Nel file css-child devi creare un css per la larghezza del tuo telefonino. Ti faccio un esempio: come vedi sotto le misure da 320px a 736px riducono le immagini al 96%, il max-width vuol dire che il css è elastico con la misura massima al 96% di quella reale. Fai le tue prove.
    Come test puoi usare questo sito http://www.responsinator.com/?url=

    @media screen and (min-width: 320px) and (max-width: 736px) {
    /* Formatta immagini grandi nell'articolo */
    img {
        max-width: 96%; 
    }
    }
    • Questa risposta è stata modificata 2 settimane fa da steve92.
    • Questa risposta è stata modificata 2 settimane fa da steve92.
    • Questa risposta è stata modificata 2 settimane fa da steve92.
Stai visualizzando 2 risposte - dal 1 al 2 (di 2 totali)
  • Devi essere collegato per rispondere a questo topic.