WebSite X5Help Center

 
A. Manni
A. Manni
User

Responsive  it

Autore: A. Manni
Visite 1452, 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
6 RISPOSTE - 1 UTILE
A. Manni
A. Manni
User
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

Leggi di più
Postato il da A. Manni
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

...!... 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... 

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
A. Manni
A. Manni
User
Autore

Grazie KolAsim, direi che il problema è risolto :-) 

Leggi di più
Postato il da A. Manni
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... OK ... ;-)

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪