Ciao Alessandro,
ci sono 2 modi in cui puoi nascondere elementi in una pagina (inclusi blocchi e sezioni): via SCSS o via classe
1. Via SCSS e' semplice, dopo aver creato il custom.scss, puoi create dei breakpoints e nascondere gli elementi che interessano, per esempio se volessi nascondere tutti i links in una sezione
#footer quando siamo in mobile, questo sarebbe il codice:
@import "dependencies";
@include breakpoint(mobile-only) {
#footer a {
display: none;
}
}
Maggiori informazioni sui breakpoints nei nostri docs.
2. Via classe significa che nel Layout Manager, quando si va ad editare la particle (per esempio la posizione
slideshow, nel tab
Block si possono aggiungere delle classnames che sono preimpostate con gantry per visualizzare, nascondere elementi in base alla dimensione del viewport.
Questo funziona molto similmente a Bootstrap.
Lista di utilities a disposizionehidden-phone
visibile-phone
hidden-desktop
visible-desktop
hidden-large
visible-large
Per quello che vorresti fare tu, hidden-phone e' la classe interessata.
Nota pero' che con questo approccio ci possono essere degli effetti indesiderati. Per esempio la sezione non verra' nascosta.
Se l'unica posizione che la sezione contiene e' il showcase, allora il mio suggerimento e' di applicare la classe alle opzioni della sezione, invece che del blocco.
In generale io consiglio sempre di usare il punto 1, anche se via admin e' piu' comodo (col punto 2), manualmente decidere cosa viene e non viene nascosto via SCSS ti da molto piu' controllo.
Spero sia stato di aiuto!
