Responsive 
Autore: A. Manni
Visite 1477,
Followers 2,
Condiviso 0
Ciao,
un aiuto per cortesia.
In "Impostazioni Responsive" (vedi allegato), è possibile NASCONDERE un oggetto (Oggetto 4) nella risoluzione ">1150" per poi MOSTRARLO nella risoluzione "<480"?
Quello che succede è che NASCONDENDO un oggetto nella risoluzione ">1150" risulta poi NON essere più disponibile in tutte le risoluzioni inferiori. Dal punto di vista logico è logico e funzionale, però se possibile vorrei poter fare anche diversamente.
Nella risoluzione ">1150" vorrei poter vedere “Oggetto 3” SENZA “Oggetto 4”.
Nella risoluzione "<480" vorrei poter vedere “Oggetto 4” SENZA “Oggetto 3”.
Grazie per l’attenzione.
Francesco
Postato il
si al momento senza codici extra non è possibile...
è già stato richiesto come opzione...
comunque leggi la risposta di Skeggia12 qui:
https://helpcenter.websitex5.com/it/post/173235#comment9
... se non riesci con la modalità responsive regolando i relativi breakpoint, ...allora potresti provare con semplice codice EXTRA; ...per averne una idea:
... >> esempio normale inattivo
... >> esempio controllato ad 800 pixel
.
Autore
Grazie per le risposte e abbiate pazienza.
Aggiungendo il "codice html" come identifico poi l'oggetto "Justified Gallery" e "Swiper Animated Slider" che nell'esempio sarebbero id="giallo" e id="rosso"?
<div id="giallo" style="width:100%;height:100px;background-color:yellow"> nessun controllo </div>
<div id="rosso" style="width:100%;height:100px;background-color:red"> nessun controllo </div>
Da dove posso vedere l'id che il sistema attribuisce a "Justified Gallery" e "Swiper Animated Slider"?
Grazie ancora
Francesco
...!... se posti il LNK sarebbe più facile poter valutare...!...
... comunque, clicca con il Destro del Mouse sui due oggetti nella pagina del browser ed individua il nome/ID delle rispettive celle contenitore, che potrebbero essere un qualcosa di simile a questi "imCell_1" ed "imCell_2"...
... ecco, devi rendere nascosta la cella "imCell_2" x il desktop, e nascosta "imCell_1" x il mobile, supponendo la soglia del tuo breakpoint impostato a 720px...
... quindi il codice sarà (>*<):
<style>
#imCell_2 { display:none;} /* spengo imCell_2 per il desktop */
@media (max-width: 719px) {
#imCell_1 { display:none;} /* spengo imCell_1 sotto ai 720 pixel */
#imCell_2 { display:block;} /* accendo imCell_2 sotto ai 720 pixel */
}
</style>
... al posto di _1 e di _2 ovviamente metterai il vero riferimento ai tuoi oggetti...
.
Autore
Grazie KolAsim, direi che il problema è risolto :-)
... OK ... ;-)