Rendere visibile un oggetto solo su mobile (Responsive)
Author: Matteo M.
Visited 708,
Followers 2,
Shared 0
Buongiorno,
chiedo gentilmente di poter capire se fosse possibile rendere un oggetto (testo, immagine, qualsiasi oggetto insomma) visibile solo alle risoluzioni più basse.
So come fare il contrario, e cioè rendere invisibili oggetti alle risoluzioni inferiori, ma ame serve esattamente l'opposto.
Devo far comparire l'oggetto in questione SOLO SU MOBILE.
Spero tanto esista una soluzione percorribile, grazie mille.
Buona giornata, Matteo M.
Posted on the
Ciao se non ricordo male riesci a farlo solo con del codice.
Una volta individuato l'oggetto sulla pagina (per questo occorre visionare la pagina online) di defoult lo rendi non visibile
#idoggetto{display:none !important;}
poi ad una determinata risoluzione visibile
@media(max-width: 719px){
#idoggetto{display:inline !important;}
}
display: block oppure display: inline, a seconda del tipo di elemento che stai cercando di visualizzare.
... se si posta il LINK della pagina con tutti gli oggetti visibili, allora si potrebbe risolvere sicuramente in modo facile e rapido con un copia/incolla...
... oppure si può prendere spunto dal mio storico codice DIV_SINO, che si può trovare in varie forme in diversi Topic e in tutte le lingue, come per esempio in questi:
> https://helpcenter.websitex5.com/en/post/240741
> https://helpcenter.websitex5.com/en/post/239988
> https://helpcenter.websitex5.com/en/post/234338
... etc ...
.
.
Buongiorno Matteo,
con le funzionalità integrate del software puoi rendere un Oggetto visibile solo per le risoluzioni inferiori inserendolo nell'header o nel footer al Passo 2, mentre purtroppo questo non è possibile per gli Oggetti inseriti sulle pagine.
Resto a tua disposizione e ti auguro una buona giornata.