Joomla.it Forum
Joomla! 3 => Joomla! 3 => : a30n 07 Jan 2021, 14:11:50
-
Buongiorno a tutti,
vorrei sapere come aumentare la dimensione del logo in visualizzazione mobile. Qualcuno potrebbe darmi qualche consiglio?
Il sito è https://notesulmondo.it (https://notesulmondo.it) . Il codice utilizzato per aumentare le dimensioni su visulizzazione desktop è il seguente:
@media only screen and (min-width: 992px) {
#fav-logo.favth-col-lg-3 {
width: 40%;
}
}
@media only screen and (min-width: 992px) {
#fav-nav.favth-col-lg-9 {
width: 60%;
}
}
Potreste fornirmi quello anche per mobile?
Grazie anticipatamente
-
Devi solo creare un altra voce e modificare il valore (min-width: 992px) cioè la larhezza minima.
-
Ho provato a modificarlo come mi hai suggerito:
@media only screen and (min-width: 767px) {
#fav-logomobile.favth-col-lg-3 {
width: 40%;
}
}
@media only screen and (min-width: 767px) {
#fav-logomobile.favth-col-lg-9 {
width: 60%;
}
}
E' corretto?
-
modifica in altezza a piacere questa regola:
.media-logo img { max-height: 26px;
}
-
Non mi funziona con quel codice...me lo ridimensiona...deve puntare al logomobile e non quello desktop...
-
Non mi funziona con quel codice...me lo ridimensiona...deve puntare al logomobile e non quello desktop...
La regola quotata da tonicorpi è quellagiusta, naturalmente, ma manca una mediaquery, altrimenti la modifica agisce sulla dimensione dell'immagine del logo a qualunque risoluzione.
Infatti, nel file theme.css del tuo template la suddetta regola è subordinata ad una mediaquery che agisce fino a 767px di larghezza.Per cui:@media only screen and (max-width: 767px) {
.default-logo img,
.media-logo img {
max-height: 26px;
}
}
Modfifica i 26px come ritieni opportuno.
-
Perfetti come sempre!
Alla grande.
Risolto