Mostare immagine solo da mobile

  • Risolto anancuras

    (@anancuras)


    7 anni fa

    Salve,

    vorrei rendere visibile un’immagine solo da mobile, ho già fatto un pò di ricerche ed ho trovato solo come nascondere gli elementi in mobile e sono riuscito ad implementarlo.

    Tuttavia, non riesco a fare il contrario, cioè far si che un’immagine in particolare sia visibile solo da telefono.

    Come posso fare?

    Grazie per l’aiuto

Stai visualizzando 2 risposte - dal 1 al 2 (di 2 totali)
  • Moderatore Cristiano Zanca

    (@cristianozanca)

    7 anni fa

    Salve @anancuras

    Il consiglio se non è stato già fatto è di creare un CHILD THEME dove scrivere un custom .css

    Poi di usare le Media Query spiegate molto bene qui:

    https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries

    E usare un codice come questo:

    <div id="my-content"></div>

@media screen and (min-width: 0px) and (max-width: 400px) {
  #my-content { display: block; }  /* show it on small screens */
}

@media screen and (min-width: 401px) and (max-width: 1024px) {
  #my-content { display: none; }   /* hide it elsewhere */
}

    le dimensioni variano a seconda del cellulare di riferimento

    Chi ha creato la discussione anancuras

    (@anancuras)

    7 anni fa

    Grazie mille!

Stai visualizzando 2 risposte - dal 1 al 2 (di 2 totali)
  • Il topic ‘Mostare immagine solo da mobile’ è chiuso a nuove risposte.

Tag