[RISOLTO] Ingrandire dimensione logo mobile

[a30n]

Buongiorno a tutti,
vorrei sapere come aumentare la dimensione del logo in visualizzazione mobile. Qualcuno potrebbe darmi qualche consiglio?


Il sito è https://notesulmondo.it . Il codice utilizzato per aumentare le dimensioni su visulizzazione desktop è il seguente:

Codice: [Seleziona]

@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

[tomtomeight]

Devi solo creare un altra voce e modificare il valore (min-width: 992px) cioè la larhezza minima.

[a30n]

Ho provato a modificarlo come mi hai suggerito:

Codice: [Seleziona]

@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?

[tonicopi]

modifica in altezza a piacere questa regola:
.media-logo img {    max-height: 26px;
}

[a30n]

Non mi funziona con quel codice...me lo ridimensiona...deve puntare al logomobile e non quello desktop...

[Limma]

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:

Codice: [Seleziona]

@media only screen and (max-width: 767px) {
 .default-logo img,
  .media-logo img {
    max-height: 26px;
  }
}
Modfifica i 26px come ritieni opportuno.

[a30n]

Perfetti come sempre!


Alla grande.


Risolto