Back to top

Autore Topic: Nascondere la colonna sx da mobile  (Letto 735 volte)

Offline mex

  • Esploratore
  • **
  • Post: 90
    • Mostra profilo
Nascondere la colonna sx da mobile
« il: 14 Nov 2018, 14:52:32 »
Ciao a tutti,mi chiedevo se c'era un modo semplice di nascondere la colonna dei moduli che si trovano a sx, quando il sito viene visitato da dispositivo mobile. Il sito e' www.rivaronesi.it, e se lo si vede dal cell, l'articolo centrale arriva dopo aver scollato troppo (ovvero dopo aver passato tutti i moduli del blocco sx).C'e' la possibilita' di nascolderli o accodarli in fondo, quando si legge il sito da dispositivo mobile?Grazie,M

Offline Limma

  • Abituale
  • ****
  • Post: 1209
  • Sesso: Maschio
    • Mostra profilo
Re:Nascondere la colonna sx da mobile
« Risposta #1 il: 14 Nov 2018, 15:25:31 »
Domanda interessante... In verità con Protostar (ma anche con altri template...) non credo ci siano vie per nascondere in toto una colonna a certe risoluzioni, o spostarla a destra (magari si può intervenendo sul codice php del template, ma è molto oltre le mie conoscenze e capacità attuali).
Dopo questa "inutile" premessa, una soluzione molto rapida per nascondere i moduli nella colonna di sx è quella di applicare le classi visible/hidden di Bootstrap 2 (il framework sul quale è strutturato Protostar), classi che devi inserire nel menu avanzate di ciascun modulo alla voce Suffisso classe CSS modulo.
In realtà, con la stessa tecnica si potrebbe anche "spostarli" nella colonna di dx: si fa una copia di ciascun modulo della colonna di sinistra assegnandoli come posizione la colonna di destra, ma rendendoli "invisibili" (classi hidden) fino a che la visualizzazione non passa a quella mobile. Così facendo detti moduli "appariranno"da smartphone a destra, cioè ben incolonnati sotto l'articolo come tu vorresti
Se i moduli sono pochi, come nel tuo sito, è un'operazione che si può fare in pochissimo tempo: più lunga da scrivere qui che da fare in pratica.

Ovviamente è un escamotage e se qualcuno ha soluzioni più intelligenti si faccia avanti! ;)


 



Web Design Bolzano Kreatif