Joomla.it Forum
Joomla! 4 => Joomla! 4.x => : prankster 24 Jul 2023, 17:18:35
-
Ciao
Vorrei evitare il caricamento del modulo banner su template Cassiopeia su piccoli dispositivi.
ho provato a inserire (senza esito) in suffisso classe modulo css questa classe
d-none d-lg-block
Se applico questa classe nel codice contenuto del modulo la regola funziona ma su smartphone mi rimane lo spazio bianco di ingombro del modulo.
Mi sembra evidente che commetto qualche castroneria. Tutte le ricerche in rete mi hanno portato alle classi bootstrap5 ma insomma, mi sembra che non riesco ad applicarle correttamente.
Qualcuno potrebbe gentilmente indicarmi dove mettere le mani per cercare di raggiungere il mio scopo?
Grazie in anticipo per qualsiasi indicazione.
-
Purtroppo le classi al modulo non vengono interpretate correttamente.
Per ovviare questo comportamento, utilizza le media query inserendo il seguente codice nel tuo user.css:@media (max-width: 768px) { .container-banner{
display:none;
}
}
-
Grazie Xplosion
Immaginavo di dover agire sulle media query (anche se non mi era molto chiaro come) quindi grazie ancora.
Mi viene in mente che non potendo agire direttamente sul modulo non è possibile, ad esempio, pubblicare un contenuto diverso su piccoli dispositivi nella stessa posizione.
Sarà opportuno segnalare la mancata interpretazioni di classi specifiche nei moduli agli sviluppatori o vado a fare la figura dell'ultimissimo arrivato? ::)
-
No, mi sono accorto che funziona anche il tuo codice, ma devi selezionare Stile modulo: HTML5 o altra opziona tranne NONE
This parameter will only work if the module style is not “none”.
-
UH. Grazie ancora di più!
-
Ciao
Io ho fatto delle prove e senza modificare il codice nel modulo, avanzate, suffisso classe css del modulo:
lascia uno spazio vuoto, poi metti il codice il uso questo per farlo scomparire da PC d-xl-none d-lg-none
-
Grazie ;)