Autore Topic: [RISOLTO] Ingrandire dimensione logo mobile  (Letto 670 volte)

Offline a30n

  • Esploratore
  • **
  • Post: 104
    • Mostra profilo
[RISOLTO] Ingrandire dimensione logo mobile
« il: 07 Gen 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 . 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
« Ultima modifica: 07 Gen 2021, 17:43:15 da a30n »

Offline tomtomeight

  • Global Moderator
  • Fuori controllo
  • ********
  • Post: 31932
  • Sesso: Maschio
  • Gli automatismi aiutano ma non insegnano nulla.
    • Mostra profilo
Re:Ingrandire dimensione logo mobile
« Risposta #1 il: 07 Gen 2021, 14:39:10 »
Devi solo creare un altra voce e modificare il valore (min-width: 992px) cio la larhezza minima.

Offline a30n

  • Esploratore
  • **
  • Post: 104
    • Mostra profilo
Re:Ingrandire dimensione logo mobile
« Risposta #2 il: 07 Gen 2021, 14:48:31 »
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?

Offline tonicopi

  • Global Moderator
  • Instancabile
  • ********
  • Post: 12790
  • Sesso: Maschio
    • Mostra profilo
Re:Ingrandire dimensione logo mobile
« Risposta #3 il: 07 Gen 2021, 15:00:02 »
modifica in altezza a piacere questa regola:
.media-logo img {    max-height: 26px;
}
joomlacsszengarden.com = il giardino dei css di Joomla!
L'attesa del piacere essa stessa... piacere!

Offline a30n

  • Esploratore
  • **
  • Post: 104
    • Mostra profilo
Re:Ingrandire dimensione logo mobile
« Risposta #4 il: 07 Gen 2021, 17:17:28 »
Non mi funziona con quel codice...me lo ridimensiona...deve puntare al logomobile e non quello desktop...


Offline Limma

  • Abituale
  • ****
  • Post: 1209
  • Sesso: Maschio
    • Mostra profilo
Re:Ingrandire dimensione logo mobile
« Risposta #5 il: 07 Gen 2021, 17:37:45 »
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.

Offline a30n

  • Esploratore
  • **
  • Post: 104
    • Mostra profilo
Re:Ingrandire dimensione logo mobile
« Risposta #6 il: 07 Gen 2021, 17:43:03 »
Perfetti come sempre!


Alla grande.


Risolto

 

Host

Torna su